html - 编写移动网站初始方法

Question

我正在编写一个基于宽度为 640 像素的设计的移动专用网站(即 m.example.com)。

我如何开始编写移动网站的代码:

1. 元视口(viewport)
2. 基于像素的宽度

我应该使用哪个视口(viewport)？我在网上看到了很多关于两者之间差异的争论:

  <meta name="viewport" content="width=device-width, user-scalable=no">

和

<meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

此外，我是按百分比设置正文宽度还是将其设置为适用于移动设备的固定宽度，例如 320 像素？如何将宽度为 640 像素的设计正确显示为 320 像素？

Answer 1

我实际上只会使用以下内容:

我想您仍然可以将宽度设置为设备特定的宽度，以及初始和最大比例。

老实说，我不认为包含用户可扩展性有什么不同。

我已经在 iPhone、Android 和 Windows Phone 上测试了以上内容，效果非常好。