我试图让我的网站在手持设备上调整大小，但由于某种原因它没有响应样式表。如果你看看这里：响应式设计链接并把 www.sofiamillares.com 作为站点测试，顶行被切断，一切看起来都超级大。
有人可以告诉我为什么要这样做以及解决它的最简单方法是什么？
问问题
2311 次
2 回答
1
发生这种情况是因为您的设计并不完全流畅。
只有你自己container div会调整宽度（一点点）
要快速解决此问题，您可以
给出你
div的 s 百分比宽度，所以它们会随着屏幕分辨率缩放将您的方形盒子浮动在底部，这样它们就会堆叠在较小的屏幕上
考虑使用媒体查询或一些 js 设备检测来定位移动设备并向它们发送修改后的 css 样式表。
在这里获得一些想法：http: //mediaqueri.es/
于 2011-10-04T04:14:54.127 回答
1
正如 Jason 所建议的，创建网站的移动特定版本通常是最好的解决方案。然后，您可以测试用户代理字符串中的“android”和“iphone”等短语，并将用户重定向到您的移动网站。有可用于 JavaScript 的库以及许多服务器端编程环境（PHP、ASPX 等），它们可以为您进行各种浏览器检测。
在构建移动网站时，您当然希望页面轻量，以便通过移动数据连接快速加载，并为纵向的较小屏幕设置适当的格式。
于 2011-10-04T04:26:06.050 回答