Webview引擎上Android浏览器中的Rem单位

时间:2019-04-17 11:16:07

标签: android css css3

我将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>

0 个答案:

没有答案