我正在尝试在Blogspot上实施媒体查询-http://cricketbeta.blogspot.in/
但是他们没有用,请给我看看,告诉我哪里错了
@media screen and (max-width : 479px) {
/* If screen size less than 479px Load these styles */
/* Done for Smart Phones */
.content{width: 100%!important;}
.sidebar{display: none;}
.container{width:100%;
#topmenu{display: none}
}
@media screen and (min-width: 480px) and (max-width : 768px) {
/* If screen size less than 768px Load these styles */
/* Done for Tablets */
#middle .content{width: 100%!important;}
.sidebar{display: none;}
.container{width:100%;}
.header-bottom{width:100%}
}
@media screen and (min-width: 768px) and (max-width : 1024px) {
/* If screen size less than 960px Load these styles */
/* Done for Tablets */
.content{width: 100%!important;}
.sidebar{width: 100%;}
.container{width:100%;}
.header-bottom{width:100%}
}
最佳答案
我使用的媒体查询如下。看来您可能缺少一些说明符。
苹果手机:
@仅限媒体屏幕和(最小设备宽度:320像素)
和(最大设备宽度:480px)和(最大设备高度:480px)和
(方向:纵向){
}
@media only屏幕和(max-device-width:
480像素)和(最小设备宽度:320像素)和(最大设备高度:480像素)
和(orientation:landscape){
}
iPad:
@media only屏幕和(最小设备宽度:768px)
和(max-device-width:1024px)和(max-device-height:1024px)和
(方向:纵向){
}
@media only屏幕和(max-device-width:
1024像素)和(最小设备宽度:768像素)和(最大设备高度:1024像素)
和(orientation:landscape){
}
关于css - 媒体查询不适用于Blogspot,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19766351/