显示页面为正常(320)大小?

时间:2012-01-10 17:16:45

标签: jquery android jquery-mobile cordova

是否可以强制应用以正常分辨率显示网站而不是大?

我正在构建一个包含非动态图像的应用程序 - 所以我需要为每个主屏幕尺寸添加额外的样式表,我一直在使用的测试手机将屏幕显示为320px宽,直到我升级版本我一直在使用的jquery库,它现在显示为420px大小。

我很高兴为两者制作样式表,但是因为它首先看起来很好所以我想知道是否可以强制宽度保持在320?它只会为我节省一项任务,让应用程序更轻松。

有什么建议吗?

干杯 保罗

2 个答案:

答案 0 :(得分:2)

在为移动浏览器构建网站时,可以直接列出网站的宽度,手机浏览器会根据设备规格调整其大小。

尝试

<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1">

特定于您的情况

<meta name="viewport" content="width=320px">

答案 1 :(得分:1)

它可能不像在某处放置max-width: 320px那么容易,但如果您使用开发人员工具检查DOM以找出正在应用的样式,那么可以限制您的网站max-width

以下是演示:http://jsfiddle.net/LV9Kv/(点击内容以仅使用max-width属性更改其大小)