如何处理屏幕太宽的Web Designer?

Kra*_*raz 1 css interface screen-resolution

我一直在接收2000x1500网页设计(图片转向实际网站).我的屏幕分辨率为1280x1024.

我的显示器上的网站看起来很糟糕(一切看起来都太大了).

现在我正在使用background-size处理主背景,我用%来定位/调整一些东西,但是它还不够,它处理起来非常复杂(也不能很好地扩展).

是否可以处理每个对象以使其大小相对于屏幕大小?有点像"缩放功能",但对于html + css处理...

Ric*_*haw 6

查看过去一个月或以上用户的Google Analytics数据.整洁的数据.显示设计器图表,解释用户拥有的分辨率并要求他们设计较小的页面!

如果您没有数据,这里有一个条形图,显示美国过去3个月中所有运行统计计数器的网站的流量百分比.

http://gs.statcounter.com/#resolution-US-monthly-201107-201109-bar

理想情况下,您可以设计一系列不同尺寸.一种选择是:

  • 300px宽 - 适用于带网络浏览器的移动设备
  • 748px宽 - 适用于中型设备以及纵向模式的iPad
  • 978px宽 - 大致是网站和iPad在横向模式下最受欢迎的尺寸.
  • 1218px宽 - 适用于标准尺寸的笔记本电脑
  • 1378px宽 - 适用于大型显示​​器

(尺寸来自http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/)