繁体   English   中英

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

[英]Using max-width and min-width for a scalable design

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

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

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM