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

【问题标题】：div with font size independent from viewport / zoom字体大小独立于视口/缩放的 div
【发布时间】：2011-09-12 22:09:20
【问题描述】：

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

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

这是一个屏幕截图：

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

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

谢谢！

肖恩

【问题讨论】：

标签： zooming font-size viewport

【解决方案1】：

检查一下 -

即使你也可以拥有 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

【讨论】：