Question

我正在构建一个书签，需要使其字体大小独立于当前页面的视口或缩放级别（当注入javascript时）。

现在发生的事情（主要是在平板电脑+手机上）是当页面适合移动视口时字体太小（或者PC浏览器上的缩放级别非常小）。

这是一个屏幕抓取：

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

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

谢谢！

肖恩

Answer 1

检查此内容 -

Preserve HTML font-size when iPhone orientation changes from portrait to landscape
Load mobile CSS if user is on Android

即使你有Javasacript -

<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

div与字体大小独立于视口/缩放

1 个答案: