2013-09-23 55 views
0

我一直在嘗試製作一個圖像到屏幕的中心,並儘量減少移動顯示屏的尺寸!在我的css文件,我的媒體查詢風格不變(在媒體查詢中需要幫助!)

@media only screen and (min-width: 768px) { 
.wolver { display:block; width:100px; margin:40px auto !important;} 
} 

該圖像的HTML代碼

<img src="img/icons/wolverhampton.png" class="wolver"/> 

注:我使用的基礎架構

誰能幫我解決這個問題?

回答

2

min-width將應用屏幕上包含的樣式更寬比768px。要在小於768px的屏幕上應用css,您應該使用max-width

+0

謝謝隊友!我是媒體查詢的新手,感謝您發現錯誤..! –

+0

非常歡迎。 – essmahr