为移动电话设置像素宽度

时间:2014-07-07 21:52:19

标签: android html css iphone

目前,大多数高端智能手机的分辨率为720 X1280或640 X 1136。

如果我将img元素的宽度设置为360px,它会填满这些手机屏幕的一半吗?如果是这样,我是否必须为手机的不同分辨率使用不同的布局?

font-size怎么样?如果按像素设置,智能手机会按字面解释吗?在320 X 480屏幕上,10px字体大小足够大,但在720 X1280分辨率下无法读取。

2 个答案:

答案 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中解释它,但不建议再次