我将rem用作元素的宽度,而不是px,在所有浏览器中它看起来都不错(例如Android Chrome,Android Firefox,iOS Safari等),并允许我方便地缩放元素。
但是在android上,在Webview引擎的浏览器(例如UC浏览器,Opera Mini,股票浏览器等)中,所有内容都崩溃了,因为
字体大小:1像素
由于最小字体大小,根本无法正常工作。
他们already wrote关于这个问题,甚至找到了答案,但它仅适用于移动应用程序,不适用于网站。
我想编写一个遍历所有元素及其css属性的js脚本,如果看到rem,它将对其进行重新计数。但是getComputedStyle以px为单位给出结果,并找出不可能的rem。 也许还有其他方法可以解决此问题?
html {
font-size: 0.1vw;
}
.block {
font-size: 25rem;
width: 500rem;
background: tomato;
margin: 0 auto;
text-align: center;
}
<div class="block">I'm 50% width, but not in a webview.</div>