2014-01-11 103 views
0

我對這個東西很新,所有我知道的是足夠的CSS和HTML,使一個網站看起來不錯,所以如果你足夠回答,請足以說一些我可以理解的東西:)如何讓我的網站在不同的瀏覽器上看起來相同?

我擡起頭「如何使一個網站在任何瀏覽器中看起來都一樣「,並且每個人都說在每個步驟的不同瀏覽器中檢查您的網站。這是有道理的。但是當你發現任何類似英語的問題時,沒有人可以說出該怎麼做。

再一次,我對此一無所知,但它似乎與觀衆是在臺式機或智能手機上查看您的網站時面臨的同一類問題。解決方案不能相似嗎?是不是有一些我可以放入的代碼將不同的瀏覽器指向不同的代碼?

非常感謝您的期待。

P.S.如果這有幫助,我使用Mac。

+0

在業務10年以上幫助很多:) – Sliq

回答

0

您可以使用庫(如jQuery for JavaScript),它可以幫助您自動處理許多瀏覽器特定的問題。此外,您應該使用HTML和CSS驗證器來確保您使用有效的X(HTML)和CSS。但是,最終您仍然需要在不同的瀏覽器中檢查您的網站。你可以使用像browsershots.org這樣的服務。

+0

非常感謝你的回答,但我不認爲你得到我的問題。我知道要在不同瀏覽器中檢查我的網站,我的問題是:當我整齊排列的彩色文本框(Safari和Firefox瀏覽器中的漂亮文本框)在Windows上重疊並相互碰撞時,我該如何解決?很明顯,如果我改變間距以適應其中一個,它會對另一個產生相反的影響,我該怎麼做?我該如何讓瀏覽器明白「這段代碼適用於你,而不是這個」? – rogers2992

1

好吧,就像人們解釋的瀏覽器有時候以不同的方式顯示網站一樣,但是現在大多數瀏覽器現在都以同樣的方式呈現您的網站,IE10,FF,Opera ......有時如果您的網站需要在較舊的版本上工作,可能會很麻煩瀏覽器,如IE8,如果你想這樣做,你應該檢查你的樣式規則是你使用的CSS2或CSS3。 CSS2得到廣泛支持,而CSS3則不支持。也不需要使用JQuery,因爲它不僅會給你的網站帶來壓力,你還可以用vanilla Javascript實現所有相同的功能,但是因爲你在談論CSS,所以我認爲這一點不適用。但是,如果您希望自己的網站適合用戶使用,您將被迫針對移動設備和平板電腦針對您的網站製作兩種不同的佈局。

相關問題