媒體查詢CSS

由於某些原因，當我從iPhone或移動設備上查看時，我的媒體查詢不能正確調整我的網站的大小，因此我在iphone上獲取了該網站的平板電腦版本。媒體查詢適用於平板電腦，適用於縮小瀏覽器窗口的情況。媒體查詢CSS

我錯過了什麼嗎？

@media only screen and (min-width: 1024px) { 
/*styling here*/ 
} 

@media only screen and (max-width: 1023px) and (min-width: 740px) { 
/*Tablet styling here*/ 
} 

@media only screen and (max-width: 739px) and (min-width: 0px) { 
/*Mobile styling here*/ 
}

來源

2012-07-19 davey

看起來不錯。您可以嘗試LESS骨架樣式表：http://lessframework.com/ – approxiblue 2012-07-19 12:39:40

確保移動瀏覽器想要提供移動版本的網站。如果用戶選擇不這樣做，瀏覽器將使用更高的屏幕寬度並解析正常的樣式表。 – 2012-07-19 12:41:14

嘗試首先寫入小型設備，然後獲取更高分辨率並使用元視口。希望所有這些幫助你。 – SVS 2012-07-19 12:46:14

離店this，，讓我知道無論是工作或沒有

您需要指定設備寬度。

來源

2012-07-19 12:39:45

[另一個相關資源]（http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/） – 2012-07-19 12:49:26

使用設備寬度似乎不工作，也許是因爲我使用了一個名爲MITE的虛擬測試儀？ – davey 2012-07-19 12:53:29

[Virtual Tester]（http://www.responsinator.com/） – 2012-07-23 04:33:16

我想你可能需要指定它爲'min-device-width'。

@media only screen and (max-device-width: 739px) and (min-device-width: 0px) { 
    /*Mobile styling here*/ 
}

來源

2012-07-19 12:43:27 rpg3

回答

相關問題