目前,大多数高端智能手机的分辨率为720 X1280或640 X 1136。
如果我将img
元素的宽度设置为360px,它会填满这些手机屏幕的一半吗?如果是这样,我是否必须为手机的不同分辨率使用不同的布局?
font-size
怎么样?如果按像素设置,智能手机会按字面解释吗?在320 X 480屏幕上,10px字体大小足够大,但在720 X1280分辨率下无法读取。
答案 0 :(得分:0)
有许多方法可以在移动设备上设置不同分辨率的布局,一种快速且省时的方式是开始使用所需的屏幕宽度编码布局,然后在标题中添加此行,其中720
将是您最初编码的宽度:
<meta name="viewport" content="width=720, user-scalable=no" />
浏览器将缩放布局以适合其屏幕。
您也可以将该行作为以下内容:
<meta name="viewport" content="width=720, user-scalable=yes" />
这将使用户能够放大(和缩小)
通过此操作,您可以为用户定义和允许最大缩放:
<meta name="viewport" content="width=720, maximum-scale=1, user-scalable=yes" />
使用maximum-scale=1
,您可以让用户放大到布局的原始宽度,而不再进一步。
答案 1 :(得分:0)
是的,如果你的像素那就是android会做什么的。但是高度不推荐。 DPI是一个更好的单位。
如果是这样,我是否必须为手机的不同分辨率使用不同的布局?
不是真的
如果按像素设置,智能手机会按字面解释吗?
是的,他们会在px中解释它,但不建议再次