1

我对 CSS 很熟悉，但我正在构建一个网页，经过大量搜索和编码后，我在浏览器兼容性方面取得了相当大的进步。但是，如果您与其他主要浏览器相比，我的 Android 手机呈现网页的方式会有很大差异。它看起来像这样：

http://neobux.se/1.jpg（和 2.jpg）

如您所见，横向视图稍微好一些。由于“边距”在横向视图中扩展，我猜它与我的#sidhuvud-vanster-container 或#sidhuvud-hoger-container 两者都有宽度：50% 有关。在 Firefox/Chrome/IE 中查看http://viriol.dyndns.org/~elias/以了解它应该是什么样子。

非常感谢您的帮助！谢谢！

/埃利亚斯

4

2 回答 2

0

这是一条生活规则：“从左到右，除非你在漂浮”

如果您要将#kontenta-hoger 浮动到右侧，请确保它在您的HTML 中排在首位。IE。

<div id="kontenta-hoger">
     <img src="img/img.jpg">
</div>
<div id="kontenta-vanster">
    orem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vehicula turpis gravida tellus mattis id pretium diam dictum. Donec eget massa sit amet nulla suscipit ultricies in in justo. Sed lu
</div>

因为我们需要将img div 向右浮动。我们把它放在HTML 标记的最前面。

如果您想使基本布局在不同分辨率上兼容而不使其响应，您也可以考虑使用百分比作为宽度。

于 2013-05-11T00:52:40.843 回答
0

我今天尝试在 CSS/HTML 中缩小范围并谈论缩小范围！

<html>
  <head>
  </head>
  <body>
    <h2>Välkommen till Västkustens Plattsättning!</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </body>
</html>

这个没有 CSS 的 HTML 实际上在我的 Android 浏览器中引起了完全相同的问题。经过更多的研究，我终于找到了我的解决方案。经过一番研究，我发现这是浏览器中的一个“错误”，由默认启用的“自动调整”选项引起。

解决方案是创建一个透明的 GIF/PNG 并用作 h1、h2、h3... 和 p 的背景：

h1, h2, h3, p { background: url(../bilder/transparent.gif); }

可以在此处和此处阅读有关 Stack Overflow 的更多信息。

于 2013-05-11T11:12:33.330 回答