css vh和vw，为什么大众的值在改变方向时不会改变？
CSS中的vh和vw是视窗单位，用于设置元素的尺寸。vh表示视窗高度的百分比，vw表示视窗宽度的百分比。
当我们使用vh和vw单位时，元素的尺寸会相对于视窗的尺寸进行调整。例如，如果一个元素的宽度设置为50vw，那么它的宽度将会是视窗宽度的50%。
大众的值在改变方向时不会改变的原因是，vh和vw单位是相对于视窗的尺寸而言的，而不是相对于元素自身的尺寸。无论视窗的方向如何改变，视窗的宽度和高度都会相应地调整，但元素的尺寸仍然是相对于视窗的尺寸计算的。
举个例子，假设一个元素的宽度设置为50vw，视窗的宽度为1000px。那么该元素的宽度将会是500px。如果我们改变视窗的方向，将宽度变为600px，那么该元素的宽度仍然是50vw，即300px。元素的宽度仍然是相对于视窗宽度的50%。
vh和vw单位的优势在于可以根据视窗的尺寸来自适应调整元素的大小，使得网页在不同设备上都能有良好的显示效果。这对于响应式设计非常有用。
应用场景包括但不限于：
- 响应式布局：使用vh和vw单位可以根据视窗的尺寸来调整元素的大小，实现响应式布局。
- 全屏背景图：可以使用vh和vw单位来设置背景图的尺寸，使其始终填满整个视窗。
- 比例布局：可以使用vh和vw单位来设置元素的宽高比例，实现比例布局。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动推送：https://cloud.tencent.com/product/umeng_push
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏多媒体引擎：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
相关·内容
1回答
Soo，我在做html编辑器，并将vh值设置为div值，但是当我尝试使用$(id).height();或$(id).css("height");时，它总是返回px值，而不是vh。这不应该是一个问题，但我的计划是让一个用户可以选择是否希望使用px或vh。那么，这是另一种获得jquery(或js)来告诉我所设置的高度值类型的方法吗？我的问题不是将数据从px转换为%，而是如果可能的话，就可以确定在css中设置的高度是什么类型的测量。在这种情况下，如果它被定义为px或vh
浏览 3提问于2016-01-22得票数 0
当我使用媒体查询时，我是新手，但当我尝试开发桌面应用程序时(使用电子，但CSS的概念仍然与正常的web开发相同)，我才发现存在这样的情况。
通常，我使用的是像这样的媒体屏幕(在本例中，我使用3个设备作为示例:移动、平板和桌面)：
// default style for desktop
.my-default-css-code-is-here
// tablet
@media screen and (min-width: 768px) and (max-width: 1024px) {
.my-specific-css-code-for-tablet-is-here
}
// mob
浏览 3提问于2020-09-07得票数 1
我有下面的html & css代码，它以一种特定的方式布局一些卡片。当窗口的宽度或高度都发生变化时，我希望卡片始终保持它们的纵横比。
我一直在开发铬和页面一直很好，但我刚刚测试了在狩猎，当改变高度，它不保持高宽比。
我不知道哪些命令不受safari的支持。
浏览 0提问于2019-03-31得票数 0
回答已采纳
我想让我的div框在窗口水平缩小时垂直增长。
然后我发现了css中的calc()函数，并尝试了以下方法：
.fancyBox {
height: calc(1000 / 1vw);
}
所以在理论上，如果窗口是1920px宽，那么高度应该是~52px，如果窗口是1024px宽，那么高度应该是~98px
但是，height属性会被忽略，并且不会显示在浏览器检查器中(我正在使用firefox进行测试)。这应该起作用吗？我是不是把语法搞乱了？还有没有其他的方法(只用CSS )？
编辑:预期结果为高度= (1000 / (0.01 *<窗口宽度>))px
浏览 2提问于2015-05-30得票数 0
是JSFiddle。我应用了用于水平调整大小的。然而，它不适用于垂直调整大小。换句话说，我希望黄色div的高度是一个固定的百分比，比如说15%的容器。但是黄色的纵横比应该保持不变。因此，如果我垂直调整大小(例如缩小尺寸)，我的目标是使黄色div的宽度和高度减小，以便: 1)保持高宽比。( 2)保持黄div的百分宽度和高度。如果没有JavaScript，这有可能吗？如果有可用的话，我可以使用任何CSS3。
下面也是代码：
html, body {
height: 100%;
}
.container {
position: relative;
left: 10%;
widt
浏览 1提问于2019-01-26得票数 0
3回答
我正在开发一个在Django中构建的web应用程序，当屏幕改变大小时，我有一个问题要改变我的Lottie img的宽度和高度。这是我的Lottie配置：
const defaultOptions = {
loop: true,
autoplay: true,
animationData: animation,
rendererSettings: {
preserveAspectRatio: "xMidYMid slice"
}
}
<div id='lottie-container'>
浏览 7提问于2022-04-17得票数 0
我正在为iOS设备开发一个灯箱，它应该具有以下功能：+适合屏幕+中心水平和垂直+保持背景图像的纵横比+背景图像上方的显示信息+我希望只有CSS解决方案+应该在ios上工作，ne支持必需：)
我有一个非常优雅的解决方案，但是(red) div的行为与图像有些不同。只需玩窗口大小，看看你自己。
这是图像的中心，并使其缩小。相同的代码不适用于DIV，因为它没有固有的最大维度(如IMG )。
.lb-bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
max-height: 100
浏览 5提问于2014-03-05得票数 1
回答已采纳
我已经翻阅了几十个不同的页面，试图找到一个适用于我的情况的解决方案。
我正在创建一个与我的项目组合网站，但页脚是不正常的调整大小。
当我用
footer{
position: absolute;
z-index: -100;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
}
这是我在100%缩放： (完美)上得到的结果。
这是我在125%缩放： ( <body><div><p>和<footer>之间的重叠)上得到的结果。
如您所见，我的<p
浏览 2提问于2022-07-27得票数 0
回答已采纳
1回答
我有3张卡片在我的页面中，它们被放置在一个网格中。
其他两个项目是相同的，只是有不同的图标和文本。
卡片应该具有以下属性：
正方形
有图标顶部中间
将cardHeadline居中于图标下面
将cardText居中于
有反应
经过多次修改后，我用下面的CSS实现了第1到第4点。
.cardsWrapper {
display: grid;
gap: 1rem;
margin-top: 1em;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
浏览 3提问于2022-09-17得票数 2
回答已采纳
1回答
我有一个用mat-card组件填充的mat-sidenav组件。在sidenav之外，我有我的页面的其余部分。我想要的是我的sidenav卡组件，以保持完全相同的大小，因为有人正在放大和缩小页面。我已经说明了我的意思： ? 左边的图片显示了我的页面在缩放之前，右边是在缩放之后。sidenav (方框)外的内容相应地缩放和缩放，我的sidenav本身有一个最大宽度设置，即使在缩放之后也不会超过(我已经做到了这一点)。我的问题出在垫卡组件(用圆圈表示)。我希望我的垫子卡在缩放后也保持图像中看到的相同大小，但是，它们像我的组件一样在sidenav之外增长。我的mat卡片也被单独包装在一个&
浏览 29提问于2019-08-23得票数 2
回答已采纳
1回答
所以我用Javascript/jQuery做了这个自动幻灯片放映。它真的工作得很好，但是我不知道如何根据屏幕尺寸来缩放它，使它变得流畅。它目前针对1920x1080进行了优化。
我尝试将这个值(document.body.style.width)赋值给宽度变量，但没有成功，尝试使用图像的百分比而不是像素，还尝试对媒体查询使用非常麻烦的修复，但都没有用。
如果有人对如何实现这一点有想法，请告诉我(同样，我需要它随浏览器窗口缩放)，不管怎样，下面是代码：
<div class="slider">
<ul class="slides"&g
浏览 3提问于2017-07-18得票数 1
回答已采纳
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MY NAME</title>
<style>
/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
浏览 3提问于2016-05-16得票数 0
回答已采纳
1回答
我正在做一个导航条，当用户向下滚动(我是通过改变div的背景来改变它)时改变它的图标，同样地，每当用户悬停在图标上时，div的背景就必须改变，这是我目前的代码：
App.js
$(document).scroll(function () {
scroll_pos = $(this).scrollTop();
var h = $("#secOne").height() - ($("#secOne").height() / 10);
if (scroll_pos > h) {
$("#topBar").css({
浏览 1提问于2017-10-10得票数 0
回答已采纳
2回答
因此，我希望根据其容器的大小自动调整文本的大小。但是，如果我使用像这样的东西
font-size: 5vw;
它看起来很好，但是当我缩小页面时，高度开始变得太小
有没有什么办法，我可以调整文本的大小，基于vh和vw，这样，例如，如果我只是减少了页面的宽度，高度也不会减少？
例如，如果我只减小页面的宽度，我希望文本的高度保持不变，反之亦然。
基本上，我希望文本总是完美地适合框内，并具有相同的比例，无论页面/容器的大小是什么？
在CSS/HTML中有没有像这样在vh和vw上设置字体大小？
浏览 3提问于2017-12-07得票数 1
1回答
仅在CSS中，当子元素的父元素比视图端口更宽时，是否有可能使子元素的宽度与它的视口相匹配？
我正在设计一个用户界面，以适应一个现有的，无响应的，固定宽度的网站布局，我还没有任何直接的控制，我希望我的界面至少响应适合移动屏幕，即使整体的网站布局没有。包含我的界面的页面至少能够为界面的样式加载额外的CSS文件，但是利用它来改变页面上使用我的界面的总体站点布局是一个不确定的命题。
如果CSS能够动态缩放我的接口DIV宽度以适应任何视口大小，我宁愿不必使用@media查询设置一系列固定宽度的断点。如需说明，请参阅此模型：
...where i控制内容DIV，并希望其宽度适合任何视图端口，但我无法控制
浏览 1提问于2013-10-23得票数 1
回答已采纳
当我使屏幕变小时，我不明白为什么我的字体没有缩小。
我把我所有的CSS设置成百分比，这样一切都会有反应。
相反，当我使屏幕变小时，字体不会改变大小，从而破坏了设计。
我正在我的24“显示器上建立我的投资组合网站，然后在我的13”屏幕上检查它，以确保它是缩放的。
#about {
height: 100%;
width: 100%;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.12, #061419), color-stop(0.61, #36875F));
b
浏览 2提问于2015-08-24得票数 3
回答已采纳
4回答
div高度调整为分辨率
、、、
我想知道是否有可能使div调整到屏幕视图的高度。我想要实现的是，使第一个div总是适应分辨率，并把所有的东西从屏幕下。对于任何分辨率，灰色的部分都应该关闭屏幕。我知道身高有点棘手，但这有可能吗？
浏览 2提问于2017-03-04得票数 2
回答已采纳
当页面变小时，我想使我的容器柔性箱收缩。
// this is Vue.js
<div class="background-image-container">
<div class="background-image" style="{ backgroundImage: 'url(' + bgImageUrl + ')' }">
</div>
</div>
CSS
.background-image-container {
display: flex;
浏览 5提问于2017-11-22得票数 0
回答已采纳
4回答
我想有CSS，使每个div的屏幕大小，然后每当用户滚动，下一个div将捕捉到视图。有一个JavaScript库可以执行后一种操作，但我不记得它的名字了。至于获得屏幕大小的每个div，我尝试了以下方法，但都无济于事。
<div>Div Content</div>
div {
width: 100%;
height: 100%;
}
浏览 23提问于2018-08-30得票数 0
3回答
固定元素在桌面上完全对齐(bottom和right与浏览器窗口对齐)。但在移动环境中，元素与容器大小对齐。
这就是它在手机上的样子(黑线代表屏幕)：
这就是我希望它在手机上看到的样子(黑线代表屏幕)：
示例代码(在我的实际应用程序中，画布需要大于视口(因此画布的150vh和150vw大小)：
html
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no
浏览 3提问于2016-04-15得票数 0
活动服务器不使用链接标记从css文件加载@media。
<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://rohh.ru/API/style/module.css" type="text/css"/>
<link rel="stylesheet"
浏览 9提问于2022-12-01得票数 0
2回答
好的，这是我的基本网站结构：
<body>
<div id="wrapper">
<header><a href="/"> </a></header>
<nav>
<ul>
<li><a href="...">...</a></li>
<li><a href=&
浏览 1提问于2016-01-24得票数 1
回答已采纳
1回答
因此，我使用SelectPDF将MVC视图的html转换为PDF，但由于某种原因，PDF中缺少了大量的内容。
我已经在我用MVC开发的其他网站上测试了这个程序，它们可以工作.
因此，根据自述文档的建议，我使用这段代码生成一个
SelectPdf.HtmlToPdf converter = new SelectPdf.HtmlToPdf();
SelectPdf.PdfDocument doc = converter.ConvertUrl(HTMLPath);
//SelectPdf.PdfDocument doc = converter.ConvertHtmlString(ViewHTML);
浏览 3提问于2017-10-11得票数 0
回答已采纳
我想根据窗口的宽度动态地计算图像的宽度。
当前无法工作的CSS：
.banner-image-side {
width: calc((@media(width) - 1527px) / 2);
}
浏览 10提问于2022-09-15得票数 0
4回答
如何创建响应性H3文本
、、、
如何创建具有设备视口宽度的响应标题。下面是指向页面的链接，我希望在其中添加响应性文本标题。
PS。我想让“印度”成为背景回应。
浏览 1提问于2018-08-26得票数 2
回答已采纳
我有一个流体容器，我希望它的高度根据窗口的宽度逐渐改变(因为div的宽度是100%)。请注意，所需的行为类似于应用长宽比css规则时的行为，即线性逐渐增加/减少。这样的变化应该在某个最小和最大高度停止。 我知道一些js可能是必需的，所以如果只有css失败，我对此持开放态度。
浏览 22提问于2021-10-12得票数 0
回答已采纳
1回答
所以我有一个带有框影的按钮，当我点击它时，我想隐藏盒子阴影的一侧。当我更改初始CSS时，一切正常，框影可以更改，但是当我使用javascript时，我对框影所做的任何更改都无法工作。
HTML：
<button class = "ShowWeather" id = "ShowWeather" onclick = "ShowWeather()"></button>
javascript：
function ShowWeather(){
const Forecast = Get("Forecast"); /
浏览 5提问于2022-09-04得票数 0
回答已采纳
在100 vw (100%宽度)内将45 in /45 in/45 45em转换为vw的计算方法是什么？可以用css来完成吗？
font-size:calc(calculation for 45px to vw in 100vw);
font-size:calc(calculation for 45em to vw in 100vw);
font-size:calc(calculation for 45rem to vw in 100vw);
浏览 1提问于2019-11-02得票数 3
4回答
我试图使用节点对css文件执行一些正则化操作。
这是我的javascript：
var fs = require ('fs');
fs.readFile('test.css','utf8',function(error,css){
if(error){
console.log("I'm sorry, something went terribly wrong :o Here's the message: "+error);
}
var matches = css.match(/([a-zA-Z-]+
浏览 7提问于2015-07-06得票数 1
请告诉我为什么这个sass代码不能编译成css。Mixin似乎被忽略了。变量声明不正确会有问题吗？
@mixin superVar($var, $number, $vh, $vw) {
@media (min-aspect-ratio: 2/1) {
$var: $number * $vh;
}
@media (max-aspect-ratio: 2/1) {
$var: $number * $vw;
}
}
.frame {
@include superVar(--superVmin, 1, 2vh, 1vw);
width: calc(10 * va
浏览 0提问于2021-05-09得票数 1
2回答
我的字体大小，宽度和诸如此类的东西，自从我做了我的第一个认真的网站项目，大约5年前，我非常擅长它。我读过关于rem的文章，如果不是IE缺乏或仅仅部分支持它，那对我来说就是完全正确的。
我想问的是，现在响应式网页设计的实际单元是什么，他们是如何与之竞争的呢？
更新:所以没有一个实际的单元(S)，虽然em，rem，vh，vw和%都是很好地用于响应性的网页设计。使用你所熟悉的单元。
浏览 7提问于2015-06-26得票数 0
回答已采纳
我在选项卡容器中使用了Three.js画布，但是由于某些未知的原因，3D视口没有继承父元素的全宽和全高。
@description
我有两个选项卡，第一个选项卡在第二个选项卡中处于活动状态，这是我拥有3D视口(画布)的位置。
<div class="row">
<div class="col s12">
<ul class="tabs">
<li class="tab col s3"><a href="#test1">
浏览 2提问于2017-01-31得票数 0
回答已采纳
1回答
当我在Ionic应用程序上旋转设备时，我正在尝试用全屏渲染一个视频。我使用来捕获设备旋转，以及FullScreen API。
window.screen.orientation.addEventListener("change", function () {
if (window.screen.orientation.type.startsWith("landscape") && !document.fullscreenElement) {
try { container.requestFullscreen();
} c
浏览 0提问于2021-06-09得票数 0
我正在开发一个基于谷歌材料设计的客户端网站(即大量使用卡片)。
我想要的是有第一张卡片的网页，是不断窥视上方的屏幕底部，在半路点的浮动动作按钮，如下图。
我的问题是，当站点在屏幕分辨率不同的设备上被查看时，这并不能很好地工作。我试过使用百分比和em从上面垫这张卡，但是这些失败了，卡改变了位置。我剩下的选择是使用媒体查询，但这可能会令人费解。
以下是当前存在的卡的CSS：
#content-card
{
position: relative;
display: table;
background-color: white;
top: 0;
l
浏览 2提问于2016-11-11得票数 5
回答已采纳
2回答
我遇到了一个问题，跨度改变高度只在Safari。
左上角是一个“项目”按钮，当你将鼠标悬停在它上面时，它会展开以显示“返回项目”。在Chrome或Firefox中，一切都很好。在Safari上，当你将鼠标悬停在跨度上时，跨度的高度和位置会发生变化，我不知道为什么。
浏览 0提问于2016-02-07得票数 0
3回答
我对编程比较陌生，遇到了一个问题。我想计算一个数字并把它转换成一个视口单元。
我想要做的计算是100 /高度*宽度，这个公式中的数字应该在一个视口单元中。在我的代码中，宽度和高度是预定义的变量--我试着把这个方程放在所有类型的括号中，我试着把视口单元放在这个方程中，比如:100 in /宽度=高度。但每件事都给我一个错误。
全文如下：
if (h / height > w / width) {
container.style.width = [100 / width * height]vw;
container.style.height = 100vw;
}
containe
浏览 0提问于2019-04-18得票数 0
回答已采纳
1回答
我有一个带有2个容器的HTML页面。其中一个容器包含一个带有问号图标的透明按钮。当我调整页面大小时，我希望相应地调整图标的大小。 这是我在HTML文件中的div声明： <div class="container button">
<div class="col-xs-10 col-sm-70">
<a href="#kmeans" class="btn btn-primary"><i class="fa fa-question-circle fa-4x&#
浏览 14提问于2019-05-20得票数 0
3回答
我做了一个新的布局，但有边带或边线(我的意思是滚动线“当太多的内容”，你必须滚动很多“，但这边线是在谷歌铬底部)出现在全视区不知道它为什么会发生。如果我改变包装宽度从100vw到90将有在右侧的空白是不好的。
如下图所示：
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
<sc
浏览 27提问于2017-06-20得票数 0
我正在尝试建立一个网站的初始‘登陆页面’的外观，然后您可以向下滚动查看其余的内容。
我可以很容易地创建一个div来适应我当前使用的设备的屏幕，但是我如何为其他不同屏幕大小的设备编写代码呢？
我试过使用“100%”，它一开始当然有效，但当你滚动时，它会继续充满整个屏幕。我已经尝试定义一个特定的纵横比，但同样，这将只适用于我正在工作的屏幕。
为了清楚起见，我希望div或img在用户第一次登陆时填满屏幕，然后当用户滚动div/img时，div/img应该随着页面的其余部分向上移动。
我想只使用HTML或CSS来实现这一点。
提前感谢您的任何建议！
浏览 9提问于2016-08-17得票数 1
回答已采纳
我有父元素，父元素应该是响应性的，应该改变大小，以适应屏幕与这个相同的比例宽高比，就像在屏幕上(灰屏，红色-父元素) ? 此元素可以在随机位置上具有一些具有随机大小(但始终小于父元素)的子元素。 如何使div具有相同的纵横比，并且最重要的是，如何调整子项的大小依赖于具有此比例的父项，并使用css/js将子项的位置保持在相同的位置？ ? 孩子的位置是绝对的。
浏览 13提问于2021-01-01得票数 0
回答已采纳
我正在尝试使用Bootstrap 3制作单页全屏布局，其中主体的高度是响应式的。
该页面将显示在Kiosk模式下显示3个面板，显示不同的信息，但由于该网站将显示在不同大小的多个屏幕上，我想让主在高度响应。
<div class="container">
<div class="row header">
<div class="col-xs-6">
Title
</div>
<div class="col-xs-6 text-right"
浏览 5提问于2016-03-14得票数 0
我有视频在我的头，我希望它的高度是80 of和宽度80%的总页面。现在的问题是，当我改变宽度时，高度也会改变，如果我改变高度，宽度也会改变。下面是我现在得到的图片。
这是我创建的一个街区，这就是我想要的视频
这是我的密码：
：
<div id="main-container">
<header>
<video autoplay muted loop id="main-video">
<source src="img/header-video.mp4">
<
浏览 0提问于2018-06-26得票数 0
回答已采纳
所以我现在正在做一个年龄计数器应用程序
我想做的是让数字在每次增加时都会激增。
我尝试了几种不同的技术，并取得了一些效果--但有一个问题。
下面是我当前的解决方案，在我的.js中：
setInterval(this.bubbleNumber.bind(this),1000);
App.fn.bubbleNumber = function()
{
var hour = $('hour-placeholder');
if(hour)
{
hour.style.fontSize="7vw";
hour
浏览 2提问于2015-06-10得票数 0
回答已采纳
在安卓上有没有其他选择？我知道我可以为每个屏幕密度和大小创建样式文件，并在那里更改字体大小。
但是提供单一的相对/自动可伸缩值，就像在css中所做的那样，那将是非常棒的。
我很惊讶android没有这个功能，而且svg绘图文件只在最新的api中支持...
谢谢。
浏览 4提问于2014-12-22得票数 2
1回答
我有点困惑，因为我习惯用媒体查询来做CSS .我以前从没遇到过这个问题。只有第一个媒体查询运行良好.我没有几个媒体查询是针对这样的具体尺寸的：
/* - IPAD LANDSCAPE - */
@media screen and (max-width: 1024px) and (orientation: landscape){
header{
background-size: 28vw 30vh, 34vw 38vh;
background-position: right 24vw top 3.5vh, right 21vw top 1vh;
}
header o
浏览 4提问于2016-06-07得票数 0
回答已采纳
1回答
我有以下代码：
$(document).ready(function() {
$('body').css('overflow', 'scroll');
var heightWithScrollBars = $(window).height();
$('body').css('overflow', 'auto');
alert('heightWithScrollBars = ' + heightWithScrollBars);
if ( h
浏览 0提问于2013-11-24得票数 0
当我使用jQuery通过以下方式获取css属性：
$(selector).css("min-height");
返回的值总是一个像素值，尽管我在CSS中使用了"vw“单位，例如：
如何在样式表中输入实际的CSS值(在vw中)？
浏览 2提问于2017-06-06得票数 1
1回答
如果我的标题是不正确的，Sry。
好吧，我有这样的代码，为了使我的“部分”与高度设备相等：
$(document).ready(function() {
function setHeight() {
windowHeight = $(window).innerHeight() -80;
$('.top-banner').css('min-height', windowHeight);
};
setHeight();
$(window).resize(function() {
setHeight();
});
})；
浏览 3提问于2015-11-15得票数 0
回答已采纳
有没有办法在图像中生成响应式文本？我想在不使用媒体查询的情况下这样做。我已经尝试过这个，但它不起作用。
问题(图向下)是当达到小屏幕值时，文本会移出图像，并且不会调整其大小。对于媒体查询，我可以通过改变文本的大小来完成，但没有其他方法可以做到吗？
HTML代码：
<div class="wrapper-pig">
<center><img src="http://s24.postimg.org/4axzhhujp/schwein.png" style="width: 70%; height=auto;&#
浏览 6提问于2015-09-04得票数 1
3回答
我在我的网站上工作，我希望它在手机上看起来真的很简单，基本上只有三个部分，每个部分都应该适合窗口的宽度和高度
<section style="width: 100%; min-height: 100%">
</section>
在设备模式下，它在我的电脑浏览器上看起来很完美，但当我在我的手机(iPhone)上打开它时，url栏出现了问题，当我们滑下时，它变得越来越小。在页面加载时，最小高度适应浏览器高度，包括条形图，并且当条形图改变其尺寸时，它不会改变。所以它不再适合屏幕了。我试过这个：
<meta name="viewport"
浏览 3提问于2015-04-17得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
