2011-09-12 99 views
0

我正在建立一个书签,需要它的字体大小独立于当前页面的视口或缩放级别(当注入javascript时)。div与字体大小独立于视口/缩放

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

这里有一个截屏:

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

有谁知道一个办法做到这一点? Javascript或CSS解决方案对我来说很棒。

谢谢!

肖恩

回答

1

入住这 -

  1. Preserve HTML font-size when iPhone orientation changes from portrait to landscape

  2. Load mobile CSS if user is on Android

即使你可以有Javasacri PT -

<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