2013-09-23 74 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