0

我这里有一个简单的网页。

如果我想将它转换为移动网站，我的 html 应该是什么，或者当我用手机打开它时，我应该能够在我的屏幕上看到整个页面。

我尝试将此添加到我的 html 代码中...在头中

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

移动设备规格：任何支持移动设备的网页浏览，目标宽度为 320 像素。不允许水平滚动。只有垂直滚动。

你能帮我修复这个错误吗？只是转换为移动网站的代码。我在网上尝试了一些解决方案，但似乎没有成功。

谢谢！:D

4

1 回答 1

1

我会从去掉那个元标记开始......它似乎会扰乱用户放大和缩小页面的能力，这是不好的可用性。

我想说，如果您要为移动设备优化网站，您将不得不重新考虑如何使用 CSS。不要以像素为单位声明宽度，而是使用百分比。移动设备的宽度在横向和纵向模式之间变化，但 80% 始终是 80%。

本文将引导您了解如何开始为不同的设备宽度设置不同的样式：http ://www.alistapart.com/articles/responsive-web-design/

于 2010-07-14T06:18:27.350 回答