Chrome和Firefox浏览器默认缩放

Question

我对此页面有疑问.我在Firefox上开发了它的默认缩放级别.我是白痴,我还没有在Chrome上测试它.所以,现在我看到Chrome和其他基于Webkit的浏览器的页面布局和/或字体大小不同.默认Chrome缩放级别为75%,因此Chrome上的所有内容都较小.我不得不说我已经制作了十几个网络应用程序但是集中在应用程序的后端方面,并且从未对页面在不同浏览器上的外观有很多想法.

我的意思是,我有javascript跨浏览器的东西必须解决,但这是我从未遇到的事情.

我认为这是错误的字体大小.我有一个#main-wrap包装整个应用程序,基本字体大小为16px.因此,#navigation a有0.7em因为这样它看起来在Firefox正常的,但在Chrome看起来真的很小.

任何人都可以发布一些关于这种情况发生的提示或提示吗？

编辑:

我已经解决了这个问题

zoom: 1.29;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;

它的确有效,但据我所知,这样做很好.是否有CSS技术可以使浏览器中的页面看起来相同？

Answer 1

我也遇到过这个问题。使用@viewport 标签效果很好。以下是我用来解决问题的文章：

• Firefox @viewport 标签 - https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport
• 设置视口和缩放 - https://css-tricks.com/snippets/html/responsive-meta-tag/
• 为了确保字体在浏览器中正确显示粗细，一篇关于仿字体粗体的文章是http://alistapart.com/article/say-no-to-faux-bold

类似的问题还有很多建议。这是对我有帮助的：

• /sf/answers/1844717311/