[英]Using max-width and min-width for a scalable design
我正在建立一个移动网站,必须扩展以适应4英寸到6英寸之间的设备。 我应该将哪两个值分配给全局容器的min-width
和max-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.