HTML/CSS的自适应高度，高度问题如何解决？

如题所述

举报该问题

第1个回答 2022-12-11

先设置html及body的CSS的高，分别为height:100%\x0d\x0a如下：\x0d\x0ahtml,body{height:100%;margin:0px;}\x0d\x0a或\x0d\x0ahtml{height:100%;}\x0d\x0abody{height:100%;margin:0px;}\x0d\x0a后面的高为100%才有效：\x0d\x0a\x0d\x0a或\x0d\x0a

相似回答

关于一个HTML/CSS自适应的问题答：1、css把宽度设置成百分比，width:100%;左右布局按一定比例设置好，需要多次调试，保证不同分辨率下的美观性。2、根据不同分辨率或者不同屏幕大小定义相应的CSS文件。一般多采用这种方式。比如：<link rel="stylesheet" type="text/css" id="links" href="../css/m_wuqinglan.css"/> <script...

网页自适应布局的三个要点答：网页自适应布局是指网页能够根据不同的设备和屏幕尺寸,自动调整布局和字体大小,以适应不同的浏览环境。下面介绍网页自适应布局的三个要点。viewport元标签在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(...

pc端和移动端屏幕自适应答：3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。 4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。 5、宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与...

说说“自适应pc端网页制作”那些事答：解决方法：把根元素html的font-size设为100px；然后在body里设置font-size：10 问题二：有很多网页是在一屏内显示的，做自适应页面的话就需要实现在不同屏幕大小的情况下都要居中显示，这样才看起来合理解决方法： 可以在每一屏内设置一个“内容包含框”，该“内容包含框”需要在一屏中上下左右...

【转】CSS实现div的高度填满剩余空间答：高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。需求：1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 HTML结构暂且如下： ;&#160; ...

css如何设置图片大小自适应答：首先用dw编辑器建立了一个静态页面将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示在两个p的class中添加相同的控制图片的class名为了”img“，并为...

html/css 网页背景图片,如何自适应宽度,长度不压缩? div如何半透明?详解...答：body { background-image: url(”图片地址“);background-repeat: repeat-x;} div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(/jscss/demoimg/wall3.jpg);} div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5...

css中下划线和文字部分重叠且长度和文字自适应答：方法一：text-decoration-skip指定覆盖关系 text-decoration-skip是与text-decoration相关的CSS3属性。效果很不错，不过缺点在于目前只有Safari8+浏览器支持带-webkit-私有前缀的text-decoration-skip属性，且仅仅支持skip（默认值）和none两个值。此方法是最原生的，但是由于兼容性问题，目前还不太合适。方法...

大家正在搜

自适应高度 div自适应高度 css高度根据内容自适应 iframe根据内容自适应高度 css高度自适应怎么实现 div高度自适应等于浏览器 body高度自适应设置iframe高度自适应宽度自适应