在移动浏览器中,边距/空格突然出现。

时间:2011-10-03 19:19:55

标签: html css browser mobile

我正在研究this page,我遇到了移动问题。

当您在计算机浏览器上看到页面呈现时。将它加载到iPhone或Android手机上会在菜单中产生问题,您可以通过在每个元素的左侧和顶部添加边距来模拟。

我无法弄清楚为什么会发生这种情况,我已经检查过每个元素在css中都有一个零余量,并且它会发生。我还应该尝试什么?

旁注。您是否会推荐移动浏览器的常见CSS / JS / HTML注意事项的参考或列表?

2 个答案:

答案 0 :(得分:0)

从doctype之前删除链接,并将其放在<head>所属的位置。

答案 1 :(得分:-1)

在开始处理任何网站之前,我通常会重置CSS。

大多数浏览器都有自己独特的元素默认值,但有时它们与您的网站无关。

但是,您可以尝试覆盖所有这些属性,以有效地“重置”CSS。

Yahoo提供了一个你可以包含的样式表(我在所有CSS之前将它包含在中):

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">