iPad Safari上的HTML页面字体更大

iPad Safari上的HTML页面字体更大,html,css,ipad,fonts,font-size,Html,Css,Ipad,Fonts,Font Size,我想知道为什么iPad上Safari的字体比Mac上的任何浏览器都要大,甚至Safari。以及如何解决它 这是一个Wordpress论坛,附带的截图显示了一篇文章。看看日期:“2012年4月18日”。第二个屏幕截图(iPad)中的尺寸比第一个屏幕截图中的尺寸大。为什么呢?这里没有CSS播放,全部被注释掉了 Safari Mac: Safari iPad: 仅供参考,我没有使用任何特殊的iPad元标签&JS也被禁用 此部分的HTML如下所示: <div class="post-7 pos

我想知道为什么iPad上Safari的字体比Mac上的任何浏览器都要大,甚至Safari。以及如何解决它

这是一个Wordpress论坛,附带的截图显示了一篇文章。看看日期:“2012年4月18日”。第二个屏幕截图(iPad)中的尺寸比第一个屏幕截图中的尺寸大。为什么呢?这里没有CSS播放,全部被注释掉了

Safari Mac:

Safari iPad:

仅供参考,我没有使用任何特殊的iPad元标签&JS也被禁用

此部分的HTML如下所示:

<div class="post-7 post type-post status-publish format-standard hentry category-two tag-tag1 tag-tag2 tag-tag3" id="post-7">
        <h2 class="entry-title"><a rel="bookmark" title="Permalink to Pellentesque elementum nulla mattis elit ullamcorper nec viverra felis mattis" href="http://foscavir.local.etalented.co.uk/blogs/pellentesque-elementum-nulla-mattis-elit-ullamcorper-nec-viverra-felis-mattis/">Pellentesque elementum nulla mattis elit ullamcorper nec viverra felis mattis</a></h2>

        <div class="entry-meta">
            April 18, 2012          </div><!-- .entry-meta -->
    </div>

2012年4月18日

您可以尝试的第一件事是:


编辑:将其设置为100%,就像评论中建议的那样。

谢谢。我已经将其直接应用于.entry meta,但在iPad上没有变化。我试过-webkit文本大小调整:无;不幸的是,这一点没有改变。很抱歉,我在实现这一点时犯了一个错误。这确实有效。谢谢哦,对不起,我评论晚了。它真的应该设置为100%。这就是在HTML5移动模板中所做的。很高兴您能使用它。如果没有涉及CSS,那么使用的是默认样式。正确。不过,我必须使用比iPad小2像素的字体,才能在iPad上获得与.meta入门相同的大小。