如何修复我的网站以使其在移动设备上运行？

Question

我正在尝试让我的网站在掌上电脑上重新调整大小但是形成了一些不响应样式表的原因。 如果你看看这里：responsive design link并将www.sofiamillares.com作为网站测试，顶线被切断，一切看起来都非常大。

有人可以告诉我为什么这样做以及解决它的最简单方法是什么？

Answer 1

这种情况正在发生，因为您的设计并不完全流畅。

只有你的container div会根据宽度（一点点）进行调整

要快速解决此问题，您可以

1. 提供div的百分比宽度，以便按屏幕分辨率缩放

2. 将方框放在底部，这样它们就会堆叠在较小的屏幕上

3. 考虑使用媒体查询或某些js设备检测来定位移动设备并向其发送修改后的css样式表。

在此处获取一些想法：http://mediaqueri.es/

Answer 2

正如Jason所说，创建网站的移动特定版本通常是最佳解决方案。然后，您可以测试用户代理字符串中的“android”和“iphone”等短语，并将用户重定向到您的移动网站。有可用于JavaScript的库以及许多服务器端编程环境（PHP，ASPX等），它们可以为您执行各种浏览器检测。

在构建移动网站时，您当然希望将网页设置为轻量级，以便通过移动数据连接快速加载，并针对纵向较小的屏幕进行适当格式化。