移动 CSS 页面宽度

【问题标题】：Mobile CSS Page width移动 CSS 页面宽度
【发布时间】：2011-07-11 07:34:30
【问题描述】：

努力使简单的表单页面在移动设备中可见。该表单是可见的，只是我必须放大很多才能阅读它。

举个例子：

【问题讨论】：

【解决方案1】：

使用移动文档类型：

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

【讨论】：

【解决方案2】：

您可以添加将页面缩放到设备宽度的元视口标签：

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

您可以阅读它here too。

【讨论】：

【解决方案3】：

除了 jonezy 使用的，meta viewport tag 也可以使用：

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

它不可扩展且不适合设备宽度 - 适用于任何设备、iOS 或 Android。

希望对你有帮助！

【讨论】：