我有一个简单的网页here。
如果我想将其转换为移动网站，我的html应该是什么，或者当我用手机打开它时，我应该能够在屏幕上看到整个页面。
我尝试将此添加到我的html代码中......在头部
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
移动规格：任何支持移动设备的网页浏览，目标是宽度为320像素。不允许水平滚动。只有垂直滚动。
你能帮我解决这个问题吗？只是转换为移动网站的代码。我在网上尝试了一些解决方案，但似乎没有成功。
谢谢！ ：d
答案 0 :(得分：1)
我首先要关闭那个元标记......似乎是在弄乱用户放大和缩小页面的能力，这是糟糕的可用性。
我想说，如果你想要一个针对移动设备优化的网站，你将不得不重新考虑如何使用CSS。使用百分比，而不是以像素为单位声明宽度。移动设备宽度在横向和纵向模式之间变化，但80％始终为80％。
本文将指导您如何开始为不同的设备宽度设置不同的样式：http://www.alistapart.com/articles/responsive-web-design/