Mac上的Chrome和Windows上的Chrome的區別？

我正在學習CSS3和HTML5，並試圖開發一個簡單的主頁。由於我家只有Mac界面，所以我無法檢查窗口上的任何差異。Mac上的Chrome和Windows上的Chrome的區別？

但有一天，我的一個熟人告訴我，瀏覽器之間有一個像素差異，我根本不知道。然後我檢查了我的頁面，看起來是錯的。

儘管與我設置的分辨率相同，但Mac版Chrome瀏覽器向我顯示了幾個按鈕的適當位置，但Windows上的Chrome瀏覽器沒有。

他們的立場非常不同，破壞了設計。我該如何解決這個問題？或者它是正常的？

謝謝。

來源

2012-03-24 Hoon

+15

歡迎來到網頁設計。 – 2012-03-24 16:49:40

謝謝。我聽說過'跨瀏覽器'，但不知道即使它們是相同的瀏覽器也會有不同的結果！在mac和windows的區別的原因是否是自然的？ – Hoon 2012-03-24 17:06:49

您可以檢查程序版本是否不同。但是，是的，如果您想要定位不同的平臺，您需要在這些平臺上進行測試！然後有你的問題，「我怎樣才能解決這個問題」，沒有向我們展示你的網站。這將是困難的。 – 2012-03-24 17:26:55

在每個操作系統和瀏覽器的組合上開發一個相同的站點並非易事。它在我的開發時間中親自添加了許多小時來解決這些問題。

有幾種工具可以幫助您完成此任務，例如Cross Browser Testing。或者你可以通過在你的機器上安裝瀏覽器來手動測試它。在其他平臺上使用虛擬機測試您的網站也很常見。 VMware很受歡迎。

使用跨瀏覽器庫也可以幫助解決這個問題。如jQuery，這是非常受歡迎的。一般而言，這個page列出了關於該主題的更多信息。

來源

2012-03-24 19:42:37

區別不在於Chrome，但區別在於Mac和Windows。在這裏，你可以檢測userAgent並添加相應的class到body標籤（使用jQuery）：

jQuery(document).ready(function(){ 
if(navigator.userAgent.indexOf('Mac') > 0){ 
    jQuery('body').addClass('mac-os'); 
} else { 
    jQuery("body").addClass("pc"); 
} 
});

檢測的userAgent後，你可以寫CSS專爲Mac和窗口和他們的瀏覽器了。

來源

2015-01-21 08:06:40

Mac上的Chrome和Windows上的Chrome的區別？

回答

相關問題