Css 如何修复我的网站，使其在移动设备上工作？

我试图在手持设备上调整我的网站大小，但出于某种原因，它没有响应样式表。 如果你看看这里：把www.sofiamillares.com作为站点测试，上面的行会被切断，所有的东西看起来都非常大

---

有人能告诉我为什么会这样做，最简单的解决方法是什么

之所以发生这种情况，是因为您的设计并非完全流畅

只有您的

容器div

会随宽度（一点）调整

要快速修复此问题，您可以

给你的

div

s百分比宽度，这样它们就可以根据屏幕分辨率进行缩放

把你的方块放在底部，这样它们就会堆积在更小的屏幕上

考虑使用媒体查询或一些js设备检测来定位移动设备，并向它们发送修改后的css样式表

---

在这里获得一些想法：

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

在构建移动站点时，您当然希望使页面轻量级，以便通过移动数据连接快速加载，并对其进行适当的格式化，使其适合纵向的较小屏幕