如今,大多数高端智能手机的分辨率为720 X1280或640 X 1136 .
如果我将 img 元素的宽度设置为360px,它会填满这些手机屏幕的一半吗?如果是这样,我是否必须为手机的不同分辨率使用不同的布局?
img
font-size 怎么样?如果你按像素设置,智能手机会按字面解释吗?在320 X 480屏幕中,10px字体大小足够大,但在720 X1280分辨率下无法读取 .
font-size
是的,如果你的像素是android会做什么的 . 但是高度不推荐 . DPI是一个更好的单位 .
如果是这样,我是否必须为手机的不同分辨率使用不同的布局?
并不是的
如果你按像素设置,智能手机会按字面解释吗?
是的,他们会在px中解释它,但不建议再次
有许多方法可以在移动设备上设置不同分辨率的布局,一种快速且省时的方法是使用所需的屏幕宽度编写布局代码,然后在 Headers 中包含此行, 720 将是您最初编码的宽度:
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 ,您可以让用户放大到原始布局宽度,不再进一步 .
maximum-scale=1
2 回答
是的,如果你的像素是android会做什么的 . 但是高度不推荐 . DPI是一个更好的单位 .
如果是这样,我是否必须为手机的不同分辨率使用不同的布局?
并不是的
如果你按像素设置,智能手机会按字面解释吗?
是的,他们会在px中解释它,但不建议再次
有许多方法可以在移动设备上设置不同分辨率的布局,一种快速且省时的方法是使用所需的屏幕宽度编写布局代码,然后在 Headers 中包含此行,
720
将是您最初编码的宽度:浏览器将缩放布局以适合其屏幕 .
您也可以使用以下行:
这将使用户能够放大(和缩小)
有了这个,您可以为用户定义和允许最大缩放:
使用
maximum-scale=1
,您可以让用户放大到原始布局宽度,不再进一步 .