2016-08-18 55 views
2

我該如何編寫處理Mac OS上的不同效果以及其他操作系統版本上的不同效果的CSS。如何根據用戶操作系統更改CSS

.(mac){ 
     height: 100%; 
     width: 100%; 
     overflow: hidden; 
} 


.(win and linux){ 
     height: 100%; 
     width: 100%; 
     overflow: scroll; 
} 
+0

你可以用JavaScript檢查操作系統(或實際上,瀏覽器'用戶agent'至極告訴你它的OS),並動態加載CSS文件 – Randy

+0

好非常感謝,讓我給它短暫的。 – MrOnyancha

+0

http://stackoverflow.com/questions/11219582/how-to-detect-my-browser-version-and-operating-system-using-javascript – Randy

回答

1

你不能用純CSS做到這一點,你可以檢測OS像MAX或使用JavaScript取勝,然後用它來加載不同的CSS樣式。

您可以使用window.navigator的結果來查找有關操作系統的信息。

console.log(window.navigator);

+1

謝謝你的答案。 console.log(window.navigator.appVersion.indexOf('Mac'))最好。 – MrOnyancha

相關問題