Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Css和不同的浏览器问题_Php_Html_Css_Coding Style - Fatal编程技术网

Php Css和不同的浏览器问题

Php Css和不同的浏览器问题,php,html,css,coding-style,Php,Html,Css,Coding Style,我正在用Html&Css、Php和MySql写我的第一篇博客 在编写“style.css”代码时,我在网上搜索了所有有用的教程,在我读到的每一个教程中,都有关于Internet Explorer和Mac的相同注释,例如: /* IE5 Mac Hack \*/ /*/ #main-nav { padding-left: 11px; overflow: hidden; } /* End Hack */ 因此,我阅读了一些关于Css的IE问题的文章,并发现了一些描述它的优秀网站,如: htt

我正在用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问题


提前感谢。

除非你在做更复杂的CSS,否则现在大多数东西都可以跨浏览器工作,没有任何问题。您可以使用它来获取特定的支持详细信息,PPK的站点()提供了关于旧浏览器中更基本支持的信息


至于在旧版本的Internet Explorer中进行测试,您可以使用Microsoft提供的虚拟机:

根据我的经验,唯一正确的方法是自己测试它。在大多数情况下,你不应该遇到任何问题,通常当你遇到这些问题时,它们并不是什么大问题。我还了解到,将东西“黑客”在一起似乎是最简单/最好的方法,而实际上,这只是你这边糟糕的CSS,可以进行调整。也就是说,有时候你根本无法摆脱它,这就是野兽的本性。对我来说,最大的麻烦来自div。随着您作为一名开发人员的成长,您将逐渐了解什么可以毫无疑问地工作,以及您需要反复测试什么才能正确。这只是练习的问题。也就是说,只要保持设计简洁明了,就不会太困难。

您可以看到CSS broswer支持图表


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

您可以使用css进行试验,并通过使用测试每个浏览器上的差异。 我建议您尝试一下css和internet上的内容,然后测试与browserlab的兼容性

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


如果这不起作用,你也可以试试,尽管我从未使用过它,但它应该能满足你的要求。

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

然而,正如其他人所指出的,除非你做一些非常精细的事情,否则几乎所有标准的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和其他客户端脚本,并支持尽可能多的浏览器,那么你最终会得到一个非常单调的网站,最终会被送进精神病院,避免崩溃。选择一组浏览器,支持这些浏览器和其他浏览器,省去一些麻烦。

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

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

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

特别是当你刚开始的时候,尽你所能去尝试,尽你所能去玩。要有创意,最重要的是,要玩得开心


另外,我的第一个完整站点也是一个博客站点(PHP、MySQL、HTML、CSS)。:)

记录在案的是,用于Mac的IE 5已经停产大约十年了。在这一点上忽略它是相当安全的。确保它在每个br中工作的最佳方法