Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS:100%宽度+;android设备中的填充问题_Css - Fatal编程技术网

CSS:100%宽度+;android设备中的填充问题

CSS:100%宽度+;android设备中的填充问题,css,Css,android上的第二个div(橙色) 较短,因为前一个div有一个填充,这可能使第一个div 100% + padding 这就是为什么当安卓将第二个div全部收缩时,第二个div会收缩 (整个网站被android压缩了,但由于第一个div被认为是100%+填充…其他所有内容都被压缩了)这是错误的。。。第一个div实际上超出了100%的宽度,第二个实际上是100%。它在桌面浏览器中也可见 您需要使用名为框大小调整的属性来更改宽度/高度的计算方式。看一看 有关此主题的详细信息,请阅读有关的详

android上的第二个div(橙色) 较短,因为前一个div有一个填充,这可能使第一个div

100% + padding

这就是为什么当安卓将第二个div全部收缩时,第二个div会收缩


(整个网站被android压缩了,但由于第一个div被认为是100%+填充…其他所有内容都被压缩了)

这是错误的。。。第一个
div
实际上超出了100%的宽度,第二个实际上是100%。它在桌面浏览器中也可见

您需要使用名为
框大小调整
的属性来更改宽度/高度的计算方式。看一看


有关此主题的详细信息,请阅读有关

的详细信息,然后使用百分比填充或使用
框大小:边框框
<div style="width:100%;padding:20px;background-color:red;">in android this div is 100% + padding </div>

<div style="width:100%;background-color:orange;">and thus this div is shortened by android browser</div>
100% + padding