English 中文(简体)
Cross Browser Debugging between > and Sato (or Mack)
原标题:Cross Browser Debugging between Firefox and Safari (or Chrome)

我已注意到Safat和CSS在使用超文本和CSS时同样行事。 然而,Peter和Sato(因此也是 Chrome)之间存在分歧。

有时,事情可以看一看大 Firefox子,但CSS在Safari和Mook可能作错。 行为失检的原因可归于“任何行为”(与第6号和第7号国际调查不同,行为失检通常由造成要素丧失地位的过度婚礼/婚).造成)。 例如,在为Sissa建立一个网站时,下列属性造成了交叉浏览器的不当行为:

  • position
  • height
  • width
  • padding
  • margin

是否存在 Chrome和Safat CSS脱bu的共同模式?

Can you guys offer insight into the differences between Safari and Firefox that may help me with my cross browser debugging? Thanks

最佳回答

通常,而且很奇怪的是,同一页的交叉浏览器之间大部分差异是由于:

  • invalid (x)html, use the on-line html validator from the W3 to ensure the validity of the mark-up.
  • lack of establishing a base-line for CSS (as @Jeroen suggests: use a css reset).
  • use of CSS which varies in support from browser-to-browser, particularly the newer CSS 3 (transitions, column-count and box-reflect1 particularly, though there are many, many others).

  1. This may, or may not be, a proposal for inclusion in CSS3 by the World Wide Web Consortium, the only references I ve found for it are exclusively with the -webkit vendor prefix, which suggests that it s probably a proprietary extension. I can, however, hope that others will follow suit. It s so much easier to apply reflections with css than with js/php...
问题回答

我注意到了分歧,但没有注意到这种巨大差异。 如同往常一样,大多数差异很容易通过使用一种 c子来克服/避免。 你们谈论的网页上是否有一页?

出现这种差异的原因是,对火法英和冰.的浏览器有缺省风格的差异。 点击缺省单的这种链接

http://hg.mozilla.org/mozilla-central/file/tip/layout/style/html.css http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

在开发网页的同时,我们必须确保压倒这两个浏览器通常使用的这一缺省。 利用浏览器的延伸,例如:webkit和-moz等。

在发展和崩溃后,我们需要超越这一缺省风格。 我认为,我们对此没有任何共同点。 如果是错的话,我是正确的。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jQuery block moving

I wanna move a div block to the top, so I coded like this: CSS part: .movingPart{ margin-top:80px; } jQuery part: $(document).ready(function() { $( #btn ).click(function() { $( .movingPart )....

Private FireFox plugin

I m looking at getting a FireFox plugin developed - but is it possible to create a plugin that is for private use only, so only those I share it with have it and not open to the masses? Need this for ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Cross-browser development

I m developing a web application for a new service, starting from Firefox 3.5. The interface design is tableless, only using divs + CSS & performance-blessed practices. Now, while being ...

Cross browser way of setting IFrame to "about:blank"?

Does anybody know a proper, cross-browser way to "empty" an IFrame? Is "about:blank" recognized without error across all browsers? Is it valid to give an IFrame an empty src?

热门标签