php - Css 和不同的浏览器问题

Question

我正在使用 Html&Css、Php 和 MySql 编写我的第一个博客。

在编写“style.css”代码时，我在网上搜索了任何有用的教程，在我阅读的每一个教程中:关于 Internet Explorer 和 Mac，都有相同的注释，例如:

/* IE5 Mac Hack \*/ 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

所以我阅读了一些关于 IE 问题与 Css 的文章，并找到了描述它的很棒的网站:

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

但是，即使阅读了这么多文章\网站，我仍然是一个初学者，不完全理解如何确保我的博客在每个浏览器(如 IE5\6\7、chrome\firefox\mozilla\opera ..等等)？!

是否有我必须解决(处理)的常见浏览器\Css 问题？

提前致谢。

Answer 1

如果没有为人类已知的每个浏览器编写代码，在每个操作系统上都无法证明您的 CSS/HTML 或其他客户端脚本在每个浏览器上都完全相同，我不在乎您的在 Mac、Linux、Microsoft、Chrominum 等上。每个操作系统都有自己的怪癖，每个操作系统的每个浏览器和浏览器版本也是如此。

然而，就像其他人指出的那样，如果你不做一些非常复杂的事情，几乎所有标准的 CSS x.x 和 HTML x.x 以及 JavaScript 都可以在所有新旧浏览器上正常工作，你肯定会偶尔遇到问题，但是再次没有办法解决这个问题，在我作为开发人员的时候，我认为避免 css“hacks”作为一种尝试补偿每个浏览器需求的措施，当它们出现短缺时，并通过 php/javascript 使用浏览器检测并提供服务特定于该浏览器支持的问题的替代版本。

同时在您的站点上的某处让您知道您的开发支持哪些浏览器。如果您刚刚开始学习大多数文档，您会发现在后来的几年中将涵盖 CSS3 和 CSS2.. 以及 HTML5(这与 4 几乎相同，但有一些增强)。因此，在这一天学习几乎很容易，您很可能会轻松支持 IE 8+、Chrome 10+、Firefox 4+、Opera 8+.. 而您最大的宝座将是仍在使用 IE 7 的人们, 或 firefox 3-13.5

至于常见问题，那是一个棘手的问题。虽然我认为最大的一个是位置样式。当谈到固定和绝对时，例如 IE 不喜欢固定位置或者它是绝对的，它是一个或另一个。但通常任何涉及从 DOM 流中分离元素的东西都是常见的。在一些旧浏览器中，边距和填充的处理方式也不同。总而言之，如果您非常担心 css/html 和其他客户端脚本并支持尽可能多的浏览器，您最终会得到一个非常单调的网站，并最终因崩溃而进入庇护所。选择一组浏览器，支持这些浏览器和更高版本，让自己免于头疼。