如何调整网站的显示器分辨率不同

Question

我有一个专为15.4'笔记本电脑设计的网站页面。它看起来很好地显示在笔记本电脑上，但当我在18.5英寸的宽屏上加载页面时，它看起来非常难看。什么是专业的技术，使网站的解决方案看起来有吸引力的每一个决议？

Answer 1

有没有具体的办法，它完全依赖于设计师来决定的方法建立一个网站，根据客户的要求，有各种方法，例如：

• 流动布局
• 固定布局
• 响应（流体是一种响应）

您可以使用@media queries针对特定的屏幕分辨率，在这里您加载CSS尊重块目标宽度。

也有几个jQuery脚本实现跨浏览器设计，以及IE是一个游戏破坏者，你有IE特定的条件注释。

Answer 2

可以在响应way-

在你的CSS http://www.w3schools.com/css/css_mediatypes.asp

Answer 3

我了解使用高度，宽度使用的媒体类型当我设计的东西敏感，我设置width和Height到100% /自动。根据窗口大小填充页面。 使用最小高度和宽度适合窄窗户。不过，这不是一个很好的做法。但它的工作。

Answer 4

我建议你看看http://www.browserstack.com/，你可以在其中测试使用多种浏览器和不同屏幕尺寸的虚拟版本，包括手机。这是专业的，所以在免费试用后，你必须支付。