移动端CSS页面宽度

Question

14

我正在尝试将简单表单页面适应移动设备浏览。表单是可见的，只是需要非常放大才能阅读。

以下是一个示例：

- Rick

3个回答

6

除了 jonezy 使用的方法外，下面的 meta viewport 标签 也可以达到相同的效果：

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

它将不具备可扩展性，也不适应设备宽度-无论是iOS还是Android设备。

希望能对您有所帮助！

- Aditya P Bhatt

2

使用移动端文档类型：

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

- nLL

2

WAP？我们已经有CSS3和HTML5了，你还建议使用WAP？ - James

这不是WAP。它是一个标准的移动DTD。例如，ESPN使用它。 - RedBrogdon

甚至Facebook也在使用它。m.facebook.com - keithics

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jonezy · Accepted Answer

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

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