檢測，然後屏幕分辨率比較

Question

我有問題，一個頁面的我的CSS表，所以一直在想，如果等於或小於檢測屏幕分辨率比800像素寬度它將讓我的CSS代碼是

<style> 
body {width:1004px;} 
</style> 

但如果它大於800像素的寬度，這將使我的css代碼是

<style> 
body {width:100%;} 
</style> 

所以任何人都知道js代碼，代碼做到這一點！ 我只關心寬度檢測，不需要檢測高度。 我已經做了很多js代碼的搜索，但無法做到將這些css代碼傳入頁面的確切功能。

Answer 1

您可以使用CSS Media Queries

body { 
    width:100%; 
} 
@media all and (max-width: 800px) { 
    body { 
    width:1004px; 
    } 
}