如何应对屏幕太宽的网页设计师?

发布于 2024-12-12 03:14:59 字数 232 浏览 0 评论 0 原文

我不断收到 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...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梓梦 2024-12-19 03:14:59

查看您的用户上个月或过去一个月的 Google Analytics(分析)数据。数据整齐。显示设计器图表,解释您的用户拥有哪些分辨率,并要求他们设计较小的页面!

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

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

理想情况下,您应该针对一系列不同的尺寸进行设计。一种选择是:

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

(尺寸来自 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:

  • 300px wide – For mobile devices with web browsers
  • 748px wide – Which caters for medium sized devices as well as the iPad in portrait mode
  • 978px wide – Roughly the most popular size for websites and the iPad in landscape mode.
  • 1218px wide – For standard sized laptops
  • 1378px wide – For large monitors

(sizes from http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/)

恋竹姑娘 2024-12-19 03:14:59

看看响应式网页设计。基本上,您是针对各种分辨率范围进行设计的。
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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文