CSS 在 Chrome 和 Firefox 中是不同的 [关闭]

Question

我的 CSS 布局有问题。当我使用 Firefox 时，布局还可以。就像我想要的那样。但是在 Chrome 中有很大的不同。我使用了css reset，但它只是弄乱了我的css。我不知道该怎么做，每个提示都会有所帮助。

http://83.212.122.240/

我的网站是希腊语。

两种浏览器的导航按钮和我的登录表单存在差异。

这是我的代码： https://www.dropbox.com/s/u68pv6t91p3lk24/index.html

还有我的 CSS： https://www.dropbox.com/s/fa7alsvsfhw62qy/templatemo_style.css

Answer 1

我只检查文本框的浏览器行为。您必须固定所有文本框的高度和行高，如下所示：

 .text-box {
   height : 18px;
   line-height : 18px;
   padding : 2px;
  }

行高将负责填充文本框中的文本。

所有浏览器都对 CSS 非常敏感。因此，您必须在 CSS 中定义所有规则，以便它在所有浏览器中都应相同。

所以你必须为每个 DIV 处理 CSS。