我不断收到 2000x1500 的网页设计(图像转到实际网站)。
我的屏幕分辨率为 1280x1024。
该网站在我的显示器上看起来非常糟糕(一切看起来都太大了)。
现在我正在用背景大小处理主背景,我用%定位/调整一些东西的大小,但这还不够,而且处理起来非常复杂(也不能很好地扩展)。
是否可以处理每个对象以使它们的大小相对于屏幕大小?
有点像“缩放功能”,但是对于 html+css 处理......
I keep receiving 2000x1500 web design (images to turn to actual website).
My screen resolution is at 1280x1024.
The web site look real bad on my monitor (everything seems way too big).
Right now I'm handling the main-background with background-size, I position/size some stuff with %, but it's not quite enough and it turns really complicated to handle (doesn't scale well either).
Is it possible to handle every single object to make their size relative to the screen size?
Kinda like a "zoom function", but for the html+css handling...
发布评论
评论(2)
查看您的用户上个月或过去一个月的 Google Analytics(分析)数据。数据整齐。显示设计器图表,解释您的用户拥有哪些分辨率,并要求他们设计较小的页面!
如果您没有数据,这里有一个条形图,显示过去 3 个月美国运行统计计数器的所有网站的不同屏幕尺寸的流量百分比。
http://gs.statcounter.com/#resolution-US-monthly -201107-201109-bar
理想情况下,您应该针对一系列不同的尺寸进行设计。一种选择是:
(尺寸来自 http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/)
Look at the Google Analytics data for your users over the last month or too. Tidy data. Show designer graph, explain which resolutions your users have and ask them to design smaller pages!
If you don't have data, here is a bar chart showing % of traffic with different screen sizes for the last 3 months in the US to all sites running stat counter.
http://gs.statcounter.com/#resolution-US-monthly-201107-201109-bar
Ideally you'd design for a range of different sizes. One choice would be:
(sizes from http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/)
看看响应式网页设计。基本上,您是针对各种分辨率范围进行设计的。
http://coding.smashingmagazine.com/2011/ 01/12/响应式网页设计指南/
和
http://www.abookapart.com/products/responsive-web-design
如果您只为网络设计,并且不想为适合其分辨率的访问者提供不同的体验,那么只需坚持 960px 宽度,不要接受设计师的奇怪格式,并花费数小时将其内容修复为可用的设计。
Have a look at Responsive Webdesign. Basically you design for various ranges of resolutions.
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
and
http://www.abookapart.com/products/responsive-web-design
If you only design for the web and are not interested in delivering different experiences to visitors suited for their resolution, just stick to 960px width, don't accept weird formats from designers and spend hours fixing their thing into a usable design.