我对CSS非常环保，但我正在建立一个网页，经过大量的搜索和编码后，我的浏览器兼容性已经相当不错了。但是，如果与其他主流浏览器进行比较，我的Android手机呈现网页的方式会有很大差异。它看起来像这样：
http://neobux.se/1.jpg（和2.jpg）
正如您所看到的，它在横向视图中略胜一筹。由于“边缘”在横向视图中扩展，我猜它必须与我的#sidhuvud-vanster-container或#sidhuvud-hoger-container有关，两者的宽度均为50％。在Firefox / Chrome / IE中查看http://viriol.dyndns.org/~elias/，了解它应该是什么样子。
非常感谢帮助！谢谢！
/利亚
答案 0 :(得分：0)
以下是遵守规则：“从左到右除了，当你漂浮时”
如果要将＃kontenta-hoger 向右浮动，请确保它首先出现在HTML中。即
<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标记的第一位。
如果您希望在不同的分辨率下使基本版面兼容而不使其响应，您也可以考虑使用宽度百分比。
答案 1 :(得分：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); }