0

我在这一天制作了几个网站，但是自从使用移动浏览器以来，我一直无法让我的网站在移动 safari 等浏览器中正常显示，我没有改变我的编程习惯以适应，我不确定改变什么来修复我得到的错误。例如：

http://generationsbeyond.com/immersa/

在桌面浏览器中查看时，这是一个华丽的微型网站，但在移动浏览器中查看时，某些元素，特别是 100% 宽度的元素，会出现偏差。

例子：

http://imgur.com/WsrhM,1e1tH#0

似乎一切都错了，我知道我的 css 习惯可能会在将来阻止这种情况。

有小费吗？

4

2 回答 2

3

是的，使用两个样式表。在您的 HTML 中链接到它们时，使用链接标签中的 media="..." 属性来指定每个设备的用途。所以一个会有 media="handheld" 而另一个会有 media="screen"。调整手持设备的 CSS 文件，直到看起来不错。

因此，当 PC 用户访问您的网站时，将加载与 media="screen" 相关的 CSS 文件，但如果手持用户进入，则会使用另一个。请注意，某些手持设备上的 Safari 浏览器会将自己标识为普通浏览器，而不是手持设备。希望这可以帮助。

于 2012-10-13T04:03:00.100 回答
1

使用一些带有网格系统的 CSS 表格可能会有所帮助。可悲的是，我认为如果不几乎完全重写您的应用程序：/。

无论如何，一些建议：
- http://twitter.github.com/bootstrap/响应式 css 可以正是你所需要的
- http://cssgrid.net/也许实现这将不那么激进

于 2012-10-13T03:58:49.427 回答