相关疑难解决方法(0)

我希望我的网页的视口宽度等于设备宽度,只要设备宽度 > 450px,否则450px(我的布局动态缩放,但在450px宽度以下看起来不太好).

以下两个元标记在平板电脑上运行良好,其中设备宽度> 450px:

<!-- uses device width -->
<meta name="viewport" content="width=device-width" />

<!-- use of initial-scale means width param is treated as min-width -->
<meta name="viewport" content="width=450, initial-scale=1.0" />

但是,在手机上(例如设备宽度= 320px),前者对于内容来说太薄了; 后者导致浏览器放大,因此用户必须手动缩小才能看到内容.

或者,此元标记在手机上运行良好

<meta name="viewport" content="width=450" />

但没有利用平板电脑上的额外宽度.

任何帮助/想法将非常感激(如果它有所作为,我正在使用GWT).