防止Android Webview更改字体大小(计算样式)
我有一个网页,它由Android应用程序通过Webview组件显示 它决定更改字体大小,使16px的文本的字体大小=14px(当我用weinre检查元素时可以看到它。它有16px,但在计算样式中它有14px) 我不希望Webview决定什么更好。那么我该如何解决这个问题呢防止Android Webview更改字体大小(计算样式),android,css,Android,Css,我有一个网页,它由Android应用程序通过Webview组件显示 它决定更改字体大小,使16px的文本的字体大小=14px(当我用weinre检查元素时可以看到它。它有16px,但在计算样式中它有14px) 我不希望Webview决定什么更好。那么我该如何解决这个问题呢 备注:在这种特定情况下,更改会导致文本不垂直对齐,因为更改后,行高不会调整字体大小。这只是其中一种情况,我想阻止Webview更改css值。此问题只影响在Webview中查看的页面,而不影响android浏览器。它可能只影响设
备注:在这种特定情况下,更改会导致文本不垂直对齐,因为更改后,行高不会调整字体大小。这只是其中一种情况,我想阻止Webview更改css值。此问题只影响在Webview中查看的页面,而不影响android浏览器。它可能只影响设备的一个子集。还有谁见过这个问题吗 我看到我的设备转换字体如下: 16px->14px
14px->12px
12px->10px 我试图强制我的页面在所有设备上以12px的速度呈现字体。下面是一个潜在的解决方案(使用jQuery):
此问题似乎是由于WebView有关系统字体大小设置(可在以下位置进行更改:设置>显示>字体大小) 已经在不同的地方提交了几个bug报告() 为了重现问题,您必须将系统字体大小缩小到较小或最小 好的,如果我更改设置>显示>字体大小,我可以重新编程。它不会在Chrome中重新编程,但Chrome似乎一开始就不尊重“字体大小”。我现在很忙,所以可能需要一段时间才能进一步调查
尝试将系统字体大小设置为“小”或“中”,并测试应用程序。webview使用哪些元标记?例如视口?你是指html元标记吗?该网页有
$(document).ready(function()
{
//set font-size to 12px
$('html').css('font-size', "12px")
//See what font-size is computed by the webview
var fs = parseFloat($('html').css('font-size'));
//If the webview is being naughty, compensate for it
if (fs == 10)
{
$('html').css('font-size', "14px");
}
}