Div字体大小独立于视窗/缩放

Question

我正在构建一个bookmarklet，需要它的字体大小独立于当前页面的视口或缩放级别(当javascript被注入时)。

现在(主要是在平板电脑和手机上)的情况是，当页面适合移动视口时，字体太小了(或者在PC浏览器上缩放级别很小)。

下面是截屏:

https://i.stack.imgur.com/liO0C.png

有人知道这样做的方法吗?Javascript或CSS解决方案对我来说很棒。

谢谢!

肖恩

Answer 1

检查——

1. 当iPhone的方向从纵向变为横向时保留HTML字体大小

2. 如果用户是Android则加载移动CSS

甚至你可以有javascript -

<script>        
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
{
var t= '';       
document.write('<link href=http://..../.../your.css media=all rel=stylesheet type=text/css />');
}       
</script>

教程网站:

http://css-tricks.com/snippets/javascript/redirect-mobile-devices/

http://www.gethifi.com/blog/three-ways-to-target-mobile-devices