在大屏幕上修复FireFox与Chrome中的网站大小

Qqw*_*qwy 6 css size gecko webkit viewport

似乎Gecko,Trident和Webkit在高分辨率屏幕上显示不同的网页显示方式.像Chrome和新Opera这样的Webkit浏览器会缩小页面以匹配屏幕的像素分辨率.但是,这可能会使小文本难以阅读.

另一方面,Firefox和Internet Explorer似乎有一些默认大小,如果分辨率更大,他们会假装屏幕具有更低的分辨率,而是使用额外的像素来增强抗锯齿.

现在的问题是:如何在这些不同的浏览器中获取我的网站大小?我的1920x1080显示器的差异大约是20%(您必须将Webkit浏览器缩放到正常大小的120%以匹配其他浏览器中的视图)

是否有一些CSS黑客滥用@viewport或其他方式来确保页面在浏览器中看起来相同?

Leo*_*ham 2

尝试在您的<head>尝试在您的标签

\n\n
<meta name="viewport" content="width=device-width, initial-scale=1">\n
Run Code Online (Sandbox Code Playgroud)\n\n

使用 CSS 重置尝试在所有浏览器中获得一致的行为。

\n\n

http://meyerweb.com/eric/tools/css/reset/

\n\n

http://developer.yahoo.com/yui/reset/

\n\n

使用 \xe2\x80\x98em\xe2\x80\x99 或 \xe2\x80\x98%\xe2\x80\x99 等单位的相对字体大小是另一种解决方案。

\n