CS和不同的浏览器问题


Css And Different Browsers Issues

我正在用Html&Css、Php和MySql。

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

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

所以我读了一些关于Css IE问题的文章,发现了一些很棒的网站,比如:

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

但是,即使在阅读了这么多文章''网站之后,我仍然是一个不完全明白如何确保我的博客在每个浏览器上都能工作的博客(如IE5''6''7,chrome''firefox''mozilla''opera等)?!

是否有一个常见的浏览器问题需要我解决(注意)?

提前谢谢。

除了为人类已知的每一个浏览器编写代码外,在每一个操作系统上,都没有办法让你的CSS/HTML或其他客户端脚本在每个浏览器上完全相同地工作,我不在乎你在Mac、Linux、Microsoft、Chrominum等浏览器上是否如此。每个操作系统都有自己的怪癖,每个浏览器和每个操作系统的浏览器版本也是如此。

然而,正如其他人所指出的,如果你不做一些非常精细的事情,几乎所有标准的CSS x.x、HTML x.x和JavaScript都可以在所有新旧浏览器上正常工作,你肯定会偶尔遇到一些问题,但这也是没有办法的,在我作为一名开发人员的时候,我认为应该避免css"黑客攻击",以此来弥补浏览器的不足,并通过php/javascript使用浏览器检测,并提供特定于浏览器支持的问题的替代版本。

还可以在你的网站上的某个地方知道你在开发过程中支持什么浏览器。如果你刚开始学习,你会发现大多数医生在未来几年都会涵盖CSS3和CSS2。。以及HTML5(这与4基本相同,但有一些增强)。因此,在这一天学习几乎很容易,你可能会很容易地支持IE 8+、Chrome 10+、Firefox 4+、Opera 8+。。有了它,你最大的王座将是仍在使用IE 7或firefox 3-13.5 的人

至于共同的问题,那是一个棘手的问题。虽然我认为最大的一个是位置造型。当谈到固定和绝对时,例如IE不喜欢固定位置,或者它是绝对的,它是其中之一。但通常,任何处理从DOM流中删除元素的操作都是常见的。。此外,在一些较旧的浏览器中,边距和填充的处理方式也有所不同。总而言之,如果你非常担心css/html和其他客户端脚本,并支持尽可能多的浏览器,你最终会得到一个非常单调的网站,并且最终会陷入崩溃的庇护。选择一组浏览器,支持这些浏览器,省去一些头疼的事情。

您可以在此处查看CSS浏览器支持图表

这可以让您知道哪个浏览器支持什么。您可以制作多个css文件,并根据浏览器进行切换。

除非你在做更复杂的CSS,否则现在大多数东西都可以在浏览器之间正常工作。您可以使用http://caniuse.com/有关具体的支持详细信息,以及PPK的网站(http://quirksmode.org/)提供了有关旧浏览器中更基本支持的信息。

至于在旧版本的Internet Explorer中进行测试,您可以使用Microsoft提供的虚拟机:https://www.microsoft.com/en-us/download/details.aspx?id=11575

当你在IE9(我想也是10)中时,点击页面上的F12,它会显示控制台(就像在chrome中一样)。控制台实际上有一个功能,你可以选择在IE 6、7、8或9中查看页面。它并不完美,但相当不错。

至于你使用的实际属性和选择器,如果你是初学者,我建议你慢慢来,在使用之前先查找每个选择器和属性,然后快速搜索以找出任何兼容性问题/解决方案。

你还应该记住的一件事是,尽管我们偶尔会尽最大努力将其最小化,但有些东西无法在那个过时的浏览器(通常是IE浏览器)中呈现。这并不总是意味着你永远不应该在另一个页面中包含这些东西——看看如何在这些情况下制作特定于浏览器的代码和样式——但同时要确保你没有制作两个完全不同的页面。

尤其是当你刚开始的时候,尽你所能去尝试,用你所能打球。要有创意,最重要的是,要玩得开心!

附言:我的第一个完整网站也是博客网站(PHP,MySQL,HTML,CSS)

根据我的经验,唯一真正的方法是自己测试。在大多数情况下,你不应该遇到任何问题,通常当你遇到这些问题时,它们并不是什么大事。我还了解到,将事情"破解"在一起似乎是最简单/最好的做事方式,而事实上,这只是你方糟糕的CSS可以调整。话虽如此,但总有一些时候你无法绕过它,这就是野兽的本性。对我来说,最大的麻烦来自潜水艇。随着你作为一名开发人员的成长,你会逐渐了解什么是有效的,什么是毫无疑问的,以及你必须反复测试才能正确的。这只是一个练习的问题。话虽如此,只要你保持你的设计干净和简单,就不会太难。

您可以使用Adobe browserlab对css进行实验,并在每个浏览器上测试差异。我建议尝试一下你的css和你在互联网上找到的内容,然后测试与browserlab的兼容性。

据我所知,这是adobe的一项补充服务,请尝试一下!

如果不起作用,你也可以试试http://browsershots.org/虽然我从来没有用过它,但它应该能满足你的要求。