2011-08-24 201 views
0

我很好奇目前有关网站内容宽度的建议。 我目前正在处理一个700px的宽区域,其中包含重要信息,而围绕此区域的容器是1060像素,它允许背景图像创建更大的视觉区域。因为我做了一个网站,移动设备等等。我还知道谁拥有他们使用自己的电脑/笔记本电脑14和15" 显示器的人。屏幕分辨率

我想象是非常安全的,如果我

事情已经改变,有内容的700像素宽度的区域,我明白缩放功能经常被用来阅读在小型设备上的数据,我目前不拥有手机互联网。

感谢

回答

3

看到这篇文章,它的一个最好的事情Iv'e阅读的主题。

Resolution Independent Mobile UI

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

+0

感谢给它一个读 – Renai

0

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

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

+0

的网站是不适合移动使用,但一旦我有一台电脑的样式表完整的我可以为移动设备的样式表。我只是不断思考是700px到一个区域。我认为不是,Facebook这样的网站包含3列,无论液体布局如何,肯定需要超过700px的屏幕空间。我宁愿让移动应用上的用户从垂直向左滚动到右侧。打电话给我,但是当测试朋友移动互联网设备时,我觉得水平滚动更好。 – Renai

+0

有一件事情真的让我感到困扰,我正在考虑一个布局/设计,它具有非背景造型的无缝图像,因为内容在垂直高度上是可变的,所以我必须限制图像尺寸和像素的内容,除非我设置图像在高分辨率替代我认为。例如,我想要一个摆动的水图像作为围绕div内容的边框,但水背景的样式取决于内容的高度。正如你可以告诉我,围绕可变内容进行设计而不损失图像质量有点困惑。 – Renai