使用max-width和min-width进行可扩展设计

时间:2013-12-23 16:46:45

标签: css mobile

我正在建立一个移动网站,必须扩展以适应4英寸到6英寸之间的设备。我应该为我的全局容器的min-widthmax-width CSS属性分配哪两个值?

我正在寻找“325px和800px”格式的答案。这只是一个例子,因为我不确定像素是否是正确的测量单位。

1 个答案:

答案 0 :(得分:2)

通常是您需要考虑的设备的分辨率,而不是物理设备的宽度和高度。

您应该将max-width设置为适合布局的最大尺寸,例如:max-width: 1200px

对于最小宽度,你应该尝试使它尽可能小,但仍然看起来很好。但大多数设备的分辨率至少为320px。所以你应该对min-width:320px;

感到满意

查看此设备列表及其解决方案:http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density