Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/224.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
Android浏览器将宽度设置为100%,而不考虑应用于元素的边距(即块引号)_Android_Css - Fatal编程技术网

Android浏览器将宽度设置为100%,而不考虑应用于元素的边距(即块引号)

Android浏览器将宽度设置为100%,而不考虑应用于元素的边距(即块引号),android,css,Android,Css,在Android浏览器上浏览网站时,我最大的烦恼就是阅读带有缩进块引号的文本。Android的webkit实现(在我看来是正确的)将任何文本元素的宽度设置为浏览器宽度 但是,这意味着应用了左边距或填充的list和blockquote元素挂在可见屏幕的右边缘上。这使得阅读体验变得烦人,因为用户必须不断地左右滚动才能阅读 这种行为在Android上浏览的任何网站上都是可见的,我的感觉是这在浏览器中构成了一个bug 但我的问题是:有没有人有一个好的css解决方案来防止这个问题?我尝试将所有正文文本包装

在Android浏览器上浏览网站时,我最大的烦恼就是阅读带有缩进块引号的文本。Android的webkit实现(在我看来是正确的)将任何文本元素的宽度设置为浏览器宽度

但是,这意味着应用了左边距或填充的list和blockquote元素挂在可见屏幕的右边缘上。这使得阅读体验变得烦人,因为用户必须不断地左右滚动才能阅读

这种行为在Android上浏览的任何网站上都是可见的,我的感觉是这在浏览器中构成了一个bug


但我的问题是:有没有人有一个好的css解决方案来防止这个问题?我尝试将所有正文文本包装在一个最大宽度为100%的块级元素中,但带有左填充或边距的元素仍然挂在边缘。

您应该能够通过设置div/p/li等的框模型来解决这个问题。
-webkit框大小:边框框-moz框大小:边框框;框大小:边框框

有趣的概念,我不熟悉框大小属性。但它似乎对Android浏览器没有帮助。网站上的一篇帖子说,“盒子大小不能与最小或最大宽度或高度结合使用”,这可能是Android上的问题。