屏幕分辨率

时间:2011-08-24 20:35:13

标签: iphone mobile width screen-resolution device

对目前网站内容宽度的建议感到好奇。 我目前正在使用包含重要信息的700px广域,而周围的容器是1060px,这样可以使背景图像创建更大的视觉区域。

自从我创建了一个网站,移动设备等以来,情况发生了变化......我仍然知道那些有14和15“显示器用于他们的电脑/笔记本电脑的人。

我想如果我有700px的宽度区域用于内容我非常安全,我知道缩放功能通常用于读取小型设备上的数据,我目前没有手机上网。

由于

2 个答案:

答案 0 :(得分:3)

看到这篇文章,这是我在这个主题上读到的最好的东西之一。

Resolution Independent Mobile UI

Sencha是一个众所周知的移动网络框架,这是他们的顶级文章。

答案 1 :(得分:0)

您应该考虑使用适用于任何尺寸的流畅布局。您可能希望为屏幕设置最大值,例如1260px,移动设备的最小值为320px。然后使用CSS条件在屏幕和移动样式表之间进行选择。

根据您的网站需求自定义布局通常是要走的路,但是有很多文章和框架可以帮助您; CSS Grid .netThe Perfect Fluid Layout