div與字體大小獨立於視口/縮放

Question

我正在建立一個書籤，需要它的字體大小獨立於當前頁面的視口或縮放級別（當注入javascript時）。

現在發生的事情（主要是在平板電腦+手機上）是當頁面適合移動視口（或者PC瀏覽器上的縮放級別非常小）時，字體太小。

這裏有一個截屏：

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

有誰知道一個辦法做到這一點？ Javascript或CSS解決方案對我來說很棒。

謝謝！

肖恩

Answer 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