2014-09-30 184 views
0

我已經取得了非常簡單的例子應用,但是我感到意外的是其效果沒有在精確的min-width應用,但是它是在施加(偏移+ min-width媒體查詢不在上媒體查詢所需要的最小寬度

HTML文檔只是一句

<!DOCTYPE html> 
<html lang=""> 
<head> 
    <meta charset="UTF-8"> 
    <title>Test media query</title> 
    <link rel="stylesheet" href="./test.css"> 
</head> 

<body> 
</body> 
</html> 

CSS文件:

body{ 
background-color: grey; 
} 

@media (min-width: 500px){ 
body{ 
    background-color: red; 
} 
} 

所以身體的背景顏色將被一次窗口大小在我的電腦REAC改變hed 500px,但我發現一旦它在Google Chrome上達到875像素,它就會被更改?

我剛剛在我的代碼中寫道,我如何強制它改變一次達到500px?

+1

可以添加變焦 <元名稱=「視口」內容=「寬度=設備寬度,初始規模= 1」> 和在CSS中,如果想把@media屏幕和(最小寬度:500px) – DimoMohit 2014-09-30 05:39:27

+0

可能重複的[CSS媒體查詢最小寬度不能正常工作](http://stackoverflow.com/questions/16681054/css-media-query-最小寬度 - 不工作-正確地) – 2014-09-30 09:01:06

回答

0

我發現的問題是,我在我的網頁:)