我正致力于基于宽度为640像素的设计对移动专用网站(即m.example.com)进行编码。
如何根据以下方式开始编写移动网站代码:
我要使用哪个视口?我在网上看到很多关于以下两者之间差异的论点:
<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;">
另外,我是以百分比形式设置主体宽度还是将其设置为移动设备的固定宽度,例如320px?如何设计宽度为640px的设计才能正确显示320px?
答案 0 :(得分:1)
我实际上只是使用以下内容:
我猜您仍然可以将宽度设置为设备特定的宽度,以及初始和最大比例。
老实说,我不认为包括用户可扩展性会产生任何不同。
我在iPhone,Android和Windows Phone上测试了上述内容,它就像一个魅力。