适用于不同移动设备的灵活宽度的网站

Question

我有一个网站，目标是在不同的移动设备上使用。如何设置我的网站根据iPhone android等设备宽度调整其宽度..使用css和Java脚本

TNX

Answer 1

将此添加到html并调整参数。

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

有关如何使用Safari和iOS特定HTML标记的详细信息，请访问：http：//developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

Answer 2

听起来像响应式设计！ 看看这里的一些例子：http://mediaqueri.es/，在他们的css中使用媒体查询来根据浏览器宽度改变网站的外观。