移动网站转换网站

Question

我有一个简单的网页here。

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

我尝试添加这对我的html代码...头

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

手机规格：任何网页浏览支持移动和我的靶向一个320px的宽度。不允许水平滚动。只有垂直滚动。

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

谢谢！ ：D

Answer 1

我会先把meta标签关掉......它似乎在混淆用户放大和缩小页面的能力，这是糟糕的可用性。

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

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