移动设备无法将div伸展到窗口大小css的100%
移动设备无法将div伸展到窗口大小的问题是由于移动设备的视口（viewport）设置导致的。视口是移动设备上用于显示网页内容的区域，它的大小可能会小于设备的实际屏幕大小。
要解决这个问题，可以通过以下几种方法：
- 使用CSS的单位vh和vw：vh表示视口高度的百分比，vw表示视口宽度的百分比。可以将div的高度和宽度设置为100vh和100vw，这样就可以将其伸展到视口的大小。例如：
div {
height: 100vh;
width: 100vw;
}- 使用JavaScript动态计算并设置div的高度和宽度：可以通过JavaScript获取视口的高度和宽度，然后将其设置为div的高度和宽度。例如：
var div = document.getElementById("myDiv");
div.style.height = window.innerHeight + "px";
div.style.width = window.innerWidth + "px";- 使用CSS的媒体查询：可以根据不同的设备屏幕大小，使用不同的CSS样式来设置div的高度和宽度。例如：
@media screen and (max-width: 768px) {
div {
height: 100%;
width: 100%;
}
}这样，在设备宽度小于等于768px时，div的高度和宽度将被设置为100%。
推荐的腾讯云相关产品：腾讯云移动应用托管（Mobile App Hosting），该产品提供了一站式的移动应用托管服务，支持移动应用的部署、扩展和管理，可以帮助开发者快速搭建和运行移动应用。
产品介绍链接地址：腾讯云移动应用托管
相关·内容
在一个网页的第一页/首页，我有一个人的肖像，手臂伸展到两侧。这幅肖像是以中心和拉到这个第一页/标题的底部。所有这些都很好，但是当我将窗口调整到移动设备的大小时，肖像画变得太小了，因为“背景大小:盖子”值使它变小了。
有没有办法使肖像变小，直到一定的窗口宽度，从那时起，溢出进入关闭，同时保持中心？“最小宽度”使它只溢出到窗口的右边，不再以中心为中心。
我希望它溢出，因为在移动设备上伸展的手臂不一定是可见的，但其馀的肖像应该是可见的。图像的高度应保持在窗高的70%左右。
HTML：
<div id="container">
<div id="con
浏览 1提问于2013-10-21得票数 1
回答已采纳
2回答
这个问题困扰了我一段时间。有很多关于响应式图像的教程和问答，但我还没有找到一个像样的，可以解释我如何保持肖像图像的尺寸，而不是伸展到他们所在的造纸器的宽度。
我所拥有的：
我使用WordPress，并使用脚本删除图像的宽度和高度：
add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10 );
add_filter( 'image_send_to_editor', 'remove_thumbnail_dimensions', 10 );
functi
浏览 2提问于2012-11-07得票数 2
回答已采纳
3回答
我有以下html：
<body>
<div id="page">
<div id="header"></div>
<div id="content"></div>
</div>
</body>
和css：
html,body {
margin:0;
padding:0;
height:100%;
}
#page {
height:100%;
margin:auto;
left:0;
right:0;
浏览 9提问于2013-12-04得票数 0
回答已采纳
如何使子柔箱扩展/伸展到其大父Flexbox的宽度？
宽度100%的子元素无法在css中工作。
浏览 0提问于2020-07-28得票数 0
回答已采纳
我有两个浮动的div，每个都是50%宽，问题是我不能让它们伸展到整个窗口的高度。基本上，我希望每个div都有50%的宽度和100%的高度(但它不起作用)
html
<section>
<div></div>
</section>
<section>
<div></div>
</section>
css
section {
background: black;
width: 50%; min-height: 100%; height: 100%;
margin:
浏览 1提问于2010-06-16得票数 1
回答已采纳
3回答
let parent = document.getElementById("parent");
let img = document.getElementById("img");
parent.addEventListener("click", function() {
parent.style.display = "none";
});
img.addEventListener("click", function(e) {
e.stopPropagation();
})
#parent {
w
浏览 5提问于2021-04-29得票数 0
1回答
我需要有静态宽度的彩盒窗口(它实际上是动态的-取决于css指定的宽度或图像的实际宽度等)除了手机版。我在做响应式网站。当我调整浏览器窗口的大小时，它总是有固定的宽度，但当我在移动设备上时，colorbox窗口比broser窗口更宽-它不会调整大小以适应浏览器窗口屏幕。我应用这一点：
$(window).on('resize', function(){
$.colorbox.resize({width: '100%'});
});
这是有帮助的，但是如果我返回到非移动设备，或者当我调整浏览器窗口大小时，它仍然是100%。但在这一点上，我想返回colorbo
浏览 0提问于2014-06-05得票数 0
6回答
我有一个div，里面有一个image标签，div的高度似乎比图像大一点。
我可以通过为div设置特定的高度(与图像相同)来解决这个问题，但我使用的是响应式布局，我不想为div设置特定的高度，这样当浏览器窗口缩放(例如在移动设备中)时，div将缩放并保持比例。
我需要div的高度和图像的高度完全一样。
这是一个场景：
<div class='box'><img src='image.jpg'></div>
Css是：
img { height: auto; max-width: 100%; width:
浏览 0提问于2012-05-19得票数 26
在我的React应用程序中，我想通过<a>在图像<img>上放置几个链接。这基本上不是问题，但是当你调整窗口大小时(例如，不同的设备)，它会以不同的方式缩放链接和图像的位置。
我创建了一个来显示这种行为。如果向右重新缩放窗口，您可以看到链接并未“粘合”到图像上。我该如何实现这一点？
我有这个功能组件(如小提琴所示)：
<div class="parentDiv">
<div className={styles.imgWrapper}>
<img
className={sty
浏览 1提问于2020-05-06得票数 2
2回答
我主要是在我的移动设备上阅读这个页面上的新闻：
在移动设备上，徽标的大横幅右边没有适当的缩放。因此，当您调整窗口的大小并使其变小时，除了横幅之外，一切都在调整大小。
我正在学习php，css，只是想知道如何解决这个问题。我还检查了堆栈溢出，发现了如下内容：
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */ }
我也在开发中尝试过这个。谷歌铬模式，但它不工作。这个问题可以用从dev模式提供的数据来解决吗？
代码看起来如下：
<div style="position:relative;
浏览 4提问于2015-11-13得票数 0
回答已采纳
我正在尝试获得一个网站，在向下滚动足够远的地方去掉地址栏之后，它只是一个设备可能的宽/高的100%。希望这是有意义的？
我只需要简单的尺寸，这样我就可以将设备滚动到0,0，并尽可能多地查看我的页面。例如，简单的320x400 (320宽度，400可能=高度-标题栏-页脚)
这样做的原因是，我在一个页面上放置了一个DIV，它是移动内容的“视窗”，就像google地图一样。我只想让这个div填满所有可用的空间。
问题是我似乎无法检测到可用的窗口高度。我似乎总是得到屏幕大小-标题栏-地址栏-可选的调试栏-页脚。如何检测“最大可能大小”？
浏览 0提问于2011-11-04得票数 3
回答已采纳
3回答
我正在开发一个UI，当它在移动设备上显示时，会变得太小，无法正确使用。
我把div的大小固定在像素上，如果调整窗口的大小，它就会保持大小，但是当我在移动模式上或在实际的移动设备上测试它时，它会缩小。我怎么才能阻止它那样做呢？
浏览 2提问于2017-06-05得票数 0
回答已采纳
2回答
移动网站显示不正确
、、、
所以我有一个问题，我的网站在右边有很多填充，导致布局加载不正确。调整窗口大小时，它会正确地显示在我的桌面上，但在我的手机上查看时，除标题以外的所有内容都会断开。所有相关的div都设置为480px的宽度，我在媒体查询的标头中有以下标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
下面是它在桌面和移动设备上的屏幕截图，以及我的移动css页面的链接(菜单在移动设备上是打开的，但额外的空间似乎也会影响它)。
编辑:我现在遇到了一个稍微不同的问题，边距被添加到
浏览 5提问于2016-09-04得票数 0
回答已采纳
1回答
我使用CSS position sticky作为浮动标题，一些移动设备在滚动时会显示一个小间隙，在"element_b“和"element_c”之间大约有1px。 #element_a{
width: 100%;
position: -webkit-sticky !important;
position: sticky !important;
top: 0;
}
#element_b{
width: 100%;
position: -webkit-sticky !important;
position: sticky !
浏览 14提问于2019-09-16得票数 0
如果我在HTML中有这个布局：
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
使用此CSS：
div
{
width: 200px;
overflow: hidden;
}
ul
{
list-style: none;
height: 100px;
}
li
浏览 0提问于2012-06-01得票数 0
回答已采纳
图像标题和内容由图像保留在适当的位置。当调整窗口大小或加载图像时，页面内容会向上跳转，然后再次向下跳转。
有没有可能阻止内容以这种方式移动？
<div class="profile">
<img src="http://lorempixel.com/g/720/720/nature" alt="" />
</div>
请参阅
基于Chris Ferdinandi的Kraken CSS框架。
这似乎起到了关键作用：
.profile {
position: relative;
width:
浏览 5提问于2017-06-07得票数 0
我有一个非常简单的场景
Parent Div(未指定高度)
Child div将某些内容和高度设置为100%。
现在，这个子div强制它的父div伸展到整个浏览器窗口。
请指点一下。
浏览 2提问于2013-01-19得票数 4
2回答
我有一个网站，头版上有一个div，它与Twitter启动网格系统分成两部分。每当第二个网格(span9)高于第一个网格(span3)时，图像就能很好地填充span9 (图像有width:100%)。
但是，如果我调整页面的大小，span3中的文本会占用更多的行，使整个div比图像更高，结果如下：
当然，我希望图像能够填充div的全部高度，而不需要垂直拉伸图像(嘿，它不再是90年代了！)然而，我无法找到如何通过CSS来实现这一点，除非图像在宽度上突破div。
我想要的是图像从右边开始/剪辑，每次div变小时垂直增长，但是越高越好。
我试着设置一个小提琴，但是由于Bootstr
浏览 0提问于2015-01-08得票数 1
2回答
我在一个移动设备的网站工作。因为分辨率不同等等，所以我们的想法是将字体大小保持在浏览器的默认大小(100%)。这个font-size: 100%按计划工作(即在移动浏览器中文本是可读的，而不是微小的)在#content中。但是，#header中的文本很小，不可读。为什么会有区别？是因为#header有position:fixed吗？如果是这样的话，是否有一个变通的或更好的做法，使标题文本的大小与#content的移动友好？谢谢。
CSS：
body, html {
width: 100%;
height: 100%;
font-size: 100%;
}
#main {
浏览 3提问于2013-12-27得票数 2
回答已采纳
1回答
你好，我已经创建了一个非常简单的网页，播放一个视频，我有，这是由wistia主持。这是很好的工作，我有它填补浏览器窗口。然而，我想知道是否有人能告诉我如何让视频填充移动设备上的浏览器，即使它溢出，以保持比例，只是视频显示的一部分。我不介意，因为它是一个背景。
提前感谢
头部剖面CSS
<script src="//fast.wistia.net/assets/external/E-v1.js"></script>
<style type="text/css">
body, html
{
浏览 1提问于2015-03-17得票数 0
回答已采纳
1回答
CSS Fluid布局
、、、
我正在设计一个使用CSS fluid布局的网站(基于自适应/响应式网页设计)
所以我不会给任何东西作为固定值，例如，在px中(只使用%)
我的问题是，虽然我确实理解如果我给容器一个100%的宽度，它将根据浏览器窗口(或视口宽度)进行计算。但是字体大小呢，比如当我们将正文字体设置为100%或1em时，它将如何计算？另外，桌面设备和移动设备上的可见字体大小也会相同吗？
浏览 4提问于2011-08-08得票数 1
回答已采纳
1回答
自举高度响应度
、、
我想做一个非常简单的响应页面。宽度很好；当我调整窗口的大小或使用移动设备显示时，它是很好的，但是高度不能正常工作，特别是对于文本区域。看下面的屏幕截图的笔记本电脑，高度是很好的，看截图后调整大小(类似于移动设备)，页面的高度不是100%有任何想法吗？
这是我的代码：
<head>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
....
</head>
<body>
浏览 3提问于2015-11-12得票数 0
回答已采纳
我试图使<body>元素至少占据浏览器窗口100%的高度，但也可以扩展到任何内容。我还试图使其唯一的<div>子元素也占据<body>高度的100%。
插图
这就是目前正在发生的情况；案例A是问题所在，案例B按预期工作。
在A种情况下，div.page-content (红色框)应该扩展到body (蓝色框)，但它没有。
码
这是我所拥有的。
CSS
html {
height: 100%;
}
body {
min-height: 100%;
padding-top: 57px;
}
.page-content {
heigh
浏览 2提问于2016-04-28得票数 2
回答已采纳
1回答
HTML响应式幻灯片
、、、、
我有一个网站的标题全宽幻灯片放映。幻灯片中的图像无法裁剪。现在我将我的幻灯片设置为宽度: 100%，高度可变。
问题是，在手机上(由于屏幕比例不同)，滑块看起来非常纤细。
正如我已经说过的:我不能裁剪图像。所以我可能不得不为移动设备创建一个新的滑块。做这件事最好的方法是什么？
如果我只做一些类似的事情：
<div class="mobileslider">
对于移动设备和
<div class="slider">
对于桌面，我可以通过css隐藏一个元素。但是，两个滑块都会加载，不是吗？做这件事最有效的方法是什么？谢谢你的帮助。
浏览 0提问于2020-07-16得票数 1
1回答
html水平滚动
、、
我有一个简单的css示例，当显示水平滚动时，我无法理解其中一个div的行为。so...when我的浏览器窗口需要显示水平滚动(当窗口宽度小于我的div "content“宽度(1024px)时)，我的div "footer”(具有相同的“content”父级和100%宽度)，似乎在右侧得到一个“额外的空白空间”。当我减小窗口的宽度时，这个空间会变大。有什么想法可以让我摆脱它，或者为什么它会发生？？谢谢！
下面是我的代码：
css：
<style type="text/css">
html, body {
hei
浏览 0提问于2010-04-17得票数 0
1回答
移动端的点赞和发送按钮
、、、、
我在我的桌面站点上使用Facebook的“喜欢”和“发送”按钮。我正在进行更改，以便它也可以在移动网站上使用。这个“点赞并发送”按钮在底部的任何页面上打开一个弹出窗口，就像它在Facebook网站上打开的一样。
如果我以同样的方式使用它。与移动设备相比，弹出窗口太大，无法正确对齐。
请给我提供解决方案，让它在手机上完成。我试过写带有重要标签的自定义css，但所有的努力都是徒劳的。
浏览 0提问于2013-10-17得票数 3
2回答
我有以下的DIV结构：
<style>
#header{border-bottom:1px solid blue;}
#footer{botter-top:1px solid blue;}
#header,#footer{height:15%;}
#content{height:70%;}
#header,#footer,#content{width:100%;}
</style>
<div id="header"></div>
<div id="content"></div>
<d
浏览 2提问于2012-10-01得票数 0
回答已采纳
我在一个引导程序row/container中有两个col元素。左边的是固定大小的，包含一个静态table。与左边一样，右边的一个包含一个表，但它是基于加载页面时检索到的数据动态生成的。
所以，右边的桌子当然可以比左边的桌子高。我已经将右侧表的max-height属性设置为左侧表的高度，并使用JavaScript计算出overflow-y: scroll。这在桌面上看起来很棒，效果也很好。
参考代码要点，HTML：
<div class="container">
<div class="row">
<div c
浏览 0提问于2018-11-10得票数 0
1回答
我有一个网页，我已经将其设置为在移动设备上具有横向，其中我放置了一个iframe。我的问题是我不能让iframe在横向(与设备屏幕完全匹配的宽度和高度)时适合移动设备屏幕。我怎样才能做到这一点呢？
我正在使用CSS：
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
#content {
position:absolute;
left: 0;
right: 0;
bottom:
浏览 34提问于2017-12-21得票数 1
所以我有这个html页面：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
浏览 2提问于2015-06-01得票数 3
我有两个内嵌块元素，并排，最小高度设置为100%。如果我在他们父母的包装纸上设定了一个实际的高度，他们就会伸展到它，但这不是我想要的:我希望它们都伸展到最大的两个。以下是它们的结构：
<div style="position:relative;">
<div id="leftSection">
<div style="height:200px;"></div>
</div><div id="rightSection">
浏览 5提问于2013-12-03得票数 2
3回答
这是我目前所拥有的js小提琴，我试图让类panel-body伸展到页面的整个窗口高度。它正在使用bootstrap。
示例css：
.mainContent{
padding:20px;
}
.workplace_outter{
width:100%;
overflow-x:scroll;
}
.workplace_inner{
white-space: nowrap;
}
.workplace_outter .panel{
width:300px;
margin-right:5px;
display:inline-block;
}
示
浏览 0提问于2013-11-18得票数 3
回答已采纳
这是我的HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width">
<style>
body {
margin: 0;
}
.a {
background: orange;
border: 2px solid black;
}
.b {
padding: 0 2em;
width
浏览 1提问于2018-03-02得票数 1
回答已采纳
为什么当页面滚动时，我的div设置为100%的宽度不想伸展到浏览器窗口的宽度？
浏览 4提问于2010-02-11得票数 1
回答已采纳
2回答
我正在使用jquery移动我的页面
<div data-role="page" id="mapView" data-transition="slide">
<div data-role="header" data-theme="d" data-position="fixed">
<h1>
<a href="" data-theme="b" data-rol
浏览 2提问于2013-09-29得票数 0
回答已采纳
我正在尝试使用jquery设置响应性background-position。如果设备是可移动的(屏幕大小)，那么它必须加载ggowlData.backgroundposition_sm，但是代码无法检测屏幕。当我改变窗口的铬大小时，这个值会粘在大的设备位置上。
<section class="ggowl-background-wrapper"
data-ggowl="{"backgroundimage":"http:\/\/dev.geekygreenowl.online\/wp-co
浏览 0提问于2019-08-22得票数 1
回答已采纳
2回答
我有一面横幅。在那横幅上是一幅图像。当您调整视口/浏览器的宽度时，图像会缩放到更小的大小，以适应窗口。
注意，当您调整浏览器的大小时，当图像变得更小时，它是如何从div底部向上移动的。
我希望图像的底部始终坚持到div的底部。不管大小。
来了我的
<div class="wrapper">
<center>
<div class="imgWrapper">
<img src="http://lorempixel.com/500/300/">
</div>
</c
浏览 5提问于2015-12-16得票数 2
回答已采纳
由于一些奇怪的原因，我无法在BlackBerry手机上将我的身高伸展到100%。它在Ripple Emulator中工作正常，但在实际设备上工作正常。
这是我的index.html文件：
<!DOCTYPE html>
<html>
<head>
<meta name="x-blackberry-defaultHoverEffect" content="false" />
<meta name="viewport" content="initial-scale=1.0,width=de
浏览 5提问于2012-10-16得票数 0
回答已采纳
我已经创建了一个显示内容的。
.container {
height: 100%;
width: 100%;
margin: 0;
}
.body {
position: relative;
height: 100%;
width: 100%;
margin: 0 auto;
background-color: #F7F4F2;
text-align: center;
}
.form {
background-color: #fff;
padding: 50px 20px;
color: #333;
}
.foo
浏览 0提问于2017-05-03得票数 1
我不能将div伸展到页面的底部。我的div上有html，body height: 100%，min-height: 100%，但是我的容器不能伸展到底部。我的内容可以放到页面的底部，但是我的div不会延伸到底部。我已经尝试了overflow属性，但也不起作用。
编辑:以下是我的一些CSS：
div.container {
background: #000;
margin: 0 auto;
min-height: 100%;
padding: 0;
width: 1280px;
}
div.content {
background: #000;
浏览 0提问于2011-03-31得票数 1
在iPad mini (768x1024)和Galaxy Tablet (800x1280)上显示时，只有我网页上这一特定行的图像会消失。该部分中的其他内容仍然可见。为什么会发生这种情况？是移动设备有问题，还是我的CSS有问题？(在页面的其余部分，图像和文本都可以在移动设备上正常显示。)
行的(基本)代码为：
<div class="row" id="advertcontainer">
<h2 class="wow fadeInUp adjust" data-wow-delay="0.2s" style=
浏览 2提问于2017-05-01得票数 0
2回答
图像上的响应点
、、
我必须建立一个购物maal的地图，这将是反应。
这个在大屏幕上看起来是这样的：
当我缩小窗户的尺寸时，看起来是这样的：
所以你可以看到点在移动..。这可不是好事。
这是我的html：
<div class="container">
<div id="plan-boutiques"><img src=IMG></img>
<a href="" id="first_element"><p></p></a>
浏览 4提问于2014-11-18得票数 1
回答已采纳
1回答
当浏览器窗口缩小到移动设备大小时，单击菜单项后启动菜单将消失，只有在浏览器窗口扩大或缩小后才会重新出现。
在Chrome浏览器中查看元素时，我注意到以下html在菜单不可见时消失，在菜单可见时出现。
<div class="fake-bg" style="height: 928px;"></div>
<div class="nav-collapse collapse">
<ul class="nav clearfix btn-gpup" style="">
浏览 0提问于2015-10-09得票数 0
1回答
在上，我有两张并排的图片。这两张图片的高宽比不同。我希望这两个图像具有相同的高度，所以给图像不同的宽度。我使用了填充底部的技巧来使图像的高度和宽度始终保持成比例。
为此，我在CSS文件中添加了以下内容
.wrapper-133percent-grampians {
width: 33.9%;
float: left;}
.wrapper-75percent-grampians {
width: 60.1%;
float: left;
}
.wrapper-133percent-grampians .inner {
position: rel
浏览 7提问于2016-07-24得票数 4
我正试图用CSS创建一个动画。它由几个..svg的。
有两个挑战我似乎无法找到解决办法：
如何使'rails‘元素在保持位置的同时，随着浏览器的宽度而扩展？当使用宽度:100%或宽度:100 or时，元素在我创建浏览器窗口时开始移动。让它看起来很奇怪(火车应该呆在轨道上;-) ，我怎么能让css动画在移动Safari上工作呢？它似乎适用于iOS/iPadOS 15.1，但不适用于早期版本。
.rails img {
position:absolute;
width:1300px;
right:0;
top:238px;
}
.trein-animatie {
height:300p
浏览 4提问于2021-10-25得票数 0
在这篇文章中，我找到了这段代码：
function detectmob() {
if(window.innerWidth <= 800 && window.innerHeight <= 600) {
return true;
} else {
return false;
}
}
我有一个网站，通过谷歌测试“移动友好”，没有任何弹出我的时事通讯/电子课程。
我尝试了上面的脚本，它将运行的scitps，但做的弹出式区块的大小的形式太大。
我想阻止脚本，以防止弹出窗口显示，我试图调整块的大小，但当我这样做时，它变得不可读的设备
浏览 1提问于2015-04-17得票数 0
我正在尝试做一个100%高的布局，底部有一个页脚。我有一个站点包装器，其中有两个内容div。在第二个content div中，我在底部有一个页脚。问题是顶部的内容div似乎将第二个内容div推到了网站包装器之外。
这是我正在试验的代码：
<style type="text/css">
html, body { height:100%;}
#sitecontainer {
height:100%;
border: medium #000 solid;
}
#contentcontainerone{
border: medium #F00
浏览 1提问于2010-11-27得票数 2
3回答
我在一个header div里面有一张图片。我设置了background-size: 100% 100%，但是在移动设备上，它根本没有缩放。我想让所有设备的图像保持不变。以下是完整的CSS：
background: url(Oly1600x600.jpg) no-repeat center center;
background-size: 100% 100%;
height: 600px;
position: relative;
overflow: hidden;
我试过使用background-size: cover，它放大了整个图像，从顶部和底部剪掉了很多东西。我的意思是，我希望在所有设备
浏览 8提问于2016-10-31得票数 0
回答已采纳
JS小提琴示例
垂直对齐的更新
垂直对齐工作，直到达到最大宽度.当图像宽度达到最大宽度时，如果我调整大小以增加窗口高度，则图像不会移动到div的中间，但是div会扩展。
我面临两个问题
垂直对齐不发生
图像从div向下移动一点，当我调整窗口的大小时，会有点溢出--垂直压缩网页。
告诉我为什么会这样。同时，垂直对齐也是行不通的。
CSS:
#heroimg {
position:relative;
top:0%;
height:auto;
vertical-align:middle;
max-height:100%;
max-w
浏览 2提问于2014-07-17得票数 0
回答已采纳
1回答
就目前的情况而言，我正在尝试编写一个表单，它对显示网页的设备具有响应性。但是，我有一个问题，对于样式设计，我无法获得包含表单内容的div在主dic中，我通过向div添加边框来证明这一点。我知道可能有一个简单的答案，但我想不出来。
从移动设备上看，这就是我目前所看到的，一个不以页面为中心的div。
这就是内容div的样子。
这就是new_user css ( div中的div)。
.form.new_user {
display: inline-block;
width: 100%;
min-width:
浏览 2提问于2021-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
