修复分辨率和浏览器不兼容问题 [英] Fix resolution and browser incompatibility

问题描述

我开发了一个不同机器的网站。外观和感觉也发生了变化。另外，在不同的浏览器中，字体变大，在IE中，字体变得太小。

如何确保我的页面在所有浏览器中看起来都一样，适用于所有操作系统分辨率不同。？



提前致谢



问候，

Archie

解决方案

好吧，不幸的是你不能。不同的Web浏览器的布局引擎在每个内容的呈现布局中具有大量的不兼容性和微妙的特性。那么，该怎么办？



关于字体大小，显然，您可以通过在CSS中精确指定字体度量来使其相同。但它不会使您的网页看起来完全相同。我认为解决这个问题的最好方法是开发页面样式和设计对这些差异不太敏感。换句话说，您需要开发看起来独特且易于识别的设计，并允许出现一些细微的差异，但不会破坏您的设计。最强大的武器之一应该是简单。首先，您应该记住，您的目标是提供有趣且信息丰富的内容，完美的可读性，易于导航和自我解释的方式来查找用户想要的内容，而不是美化页面而不是展示您的Web UI技能。页面上的每一行或颜色变化应该用于某些目的，否则它不应该存在。



所以，首先，你只需要使用这些功能适用于所有布局引擎。请参考：

http://en.wikipedia.org/wiki/Layout_engine [ ^ ]，

http://en.wikipedia.org/wiki/Comparison_of_web_browser_engines [ ^ ]，

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29 [ ^ ]，

http：// en.wikipedia.org/wiki/HTML5_in_mobile_devices [ ^ ]。



现在，关于分辨率和网页大小。问题实际上是页面的大小，这是由用户定义的，而不仅仅是设备定义的。为了使您的页面在不同大小的页面上看起来很好，您需要学习液体，流畅，弹性设计。请通过以下链接查看我的过去答案：获取屏幕分辨率 [ ^ ]。

-SA

Hi,

I have developed a website which differs from machine to machine. The look and feel changes.Also, in different browsers the font becomes large and in IE the font becomes too small.
How can i make sure that my pages look same in all browsers and works in all OS with different resolution.?

Thanks in advance

Regards,
Archie

解决方案

Well, unfortunately you cannot. Different Web browsers' layout engines have a big number of incompatibilities and subtle peculiarities in rendered layout of every piece of content. So, what to do?

As to the font size, apparently, you can make it the same by specifying font metric precisely in your CSS. But it won't make your pages look absolutely identical. I think the best way to work around this problem is to develop page style and design less sensitive to those difference. In other words, you will need to develop the design which looks unique and easily recognizable, and allow some of those subtle differences to appear, but not destroy your design. One of the most powerful weapons should be simplicity. First of all, you should remember that your goal is to provide interesting and informative content, perfect readability, easy navigation and self-explaining ways to find stuff the user wants, not to "beautify" the pages and not to show off your Web UI skills. Every single line or color change on your page should serve some purpose, otherwise it should not exist.

So, first of all, you will need to use only the features common for all layout engines. Please refer to:
http://en.wikipedia.org/wiki/Layout_engine[^],
http://en.wikipedia.org/wiki/Comparison_of_web_browser_engines[^],
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29[^],
http://en.wikipedia.org/wiki/HTML5_in_mobile_devices[^].

And now, about the "resolution" and Web page size. The problem is really the size of a page, which is defined by the user, not just by the device. To make your page look good on pages of different sizes, you will need to learn liqud, fluid, elastic design. Please see my past answer with further links: To Get Screen resolution[^].

—SA

这篇关于修复分辨率和浏览器不兼容问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！