2014-01-13 85 views
0

我剛剛進入編程和網站的世界,我有一個具體的問題,我希望不會打擾你。我正在建立一個網站(elcamal.com),我擔心我只在Chrome中進行測試和設計,但現在我已經在Firefox,Safari和IE中進行了測試,它完全被破壞了,特別是在Safari中。如何製作與其他瀏覽器兼容的特定網站?

看來問題並沒有那麼糟糕,這只是電網的一些問題。

什麼是使我的網絡至少與Firefox和Safari兼容的第一步?我想知道這是我可以學習的東西,還是我需要僱用某人。

感謝您的耐心和愉快的一天。

+1

您應該在開發階段檢查每個瀏覽器。 –

+0

這就是所謂的跨瀏覽器兼容性 –

+0

您必須使用標準的CSS功能和JS API,並避免黑客或供應商前綴。我同意最後一條評論,你應該檢查一下,因爲一開始就很難在項目完成時修復錯誤。 – Carlos487

回答

2

爲了使您的網站跨瀏覽器兼容,你需要記住很多事情。有些點是下面: -

  1. 嘗試使用標準的CSS功能。每個標籤被適當照顧。儘量避免黑客實現某些東西(但是有時我們需要使用黑客來修復某些東西,但使它們最小化)。

  2. 嘗試使用條件註釋而不是CSS黑客。有了條件註釋,您可以鏈接到不同瀏覽器的單獨樣式表。

    <!--[If IE]><link type="text/css" href="IEtest.css" /> <![endif]-->

  3. 測試發揮重要的作用,你應該從發展的主流瀏覽器開始檢查。

  4. IMP: - 清除您的花車。這指的是作爲其他divs的容器的divs,並且應該環繞它們,但有時不包含它們。

  5. 嘗試使用JavaScript庫像jQuery,YahooUI,MooTools,Dojo一樣抽象出DOM,AJAX和JavaScript中的差異。

  6. Define 有效的文檔類型

  7. 在主要瀏覽器中啓用HTML 5: - 使用HTML5時,我們需要包含「HTML5 shiv」以確保CSS能夠識別HTML5瀏覽器中的那些元素並能夠對這些元素進行樣式化。

    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

你會自己找到一些好點的同時發展的頁面。嘗試谷歌。

+0

是不是條件註釋一種黑客攻擊嗎? –

+0

@MrLister:我同意,是的,它是黑客,正如我上面提到((但有時我們需要使用黑客修復的東西,但讓他們最小) –

+0

您好,感謝您的回覆,我已經成功地使網站。對於Firefox的工作,但Safari瀏覽器7.0還毀了這個問題的彩車,一切看起來集中在Safari中的任何意見 – user3190319

相關問題