知识就是力量,时间就是生命。这篇文章主要讲述为什么css属性在android webview中会发生变化相关的知识,希望能为你提供帮助。
在使用css属性处理时,我发现android的Web视图行为很奇怪:
显示包含以下css属性的网页时:font-size
和line-height
set:
font-size: 20px;
line-height: 35px;
Android的webview将属性更改为:
font-size: 17.4px;
line-height: 30.45px;
为什么?
答案我找到了答案:
只需webView必须在android中将文本大小设置为“NORMAL”。像这样:
webView.getSettings().setTextSize(WebSettings.TextSize.NORMAL);
另一答案您是否检查了不同分辨率的页面行为? CSS中可能有定义的
@media
规则,它们会改变不同分辨率的样式,例如:@media screen and (min-width: 1024px) {
p {
font-size:20px;
line-height:35px
}
}@media screen and (max-width: 1023px) {
p {
font-size:17.4px;
line-height:30.45px
}
}
【为什么css属性在android webview中会发生变化】阅读更多here。
推荐阅读
- Android WebView err_unknown_url_scheme
- 如何使用CLI检查Ubuntu Server 16.04中的系统规格
- 如何在Windows上安装python并设置基本的hello world
- 如何在Ubuntu 16.04中实现软件RAID 1阵列(镜像)
- 如何在Ubuntu 16.04中安装MongoDB
- 如何使用Clappr用J??avaScript创建360 Video Player
- 如何为使用Electron Framework构建的应用程序创建Windows安装程序
- 如何在JavaScript中使用PrognRoll和jQuery在网站中显示滚动进度条
- 如何在HTML5中使用recorder.js记录和导出音频(WAV和MP3)