媒体查询不会工作？

所以我在这个网站上广泛地研究过媒体查询不工作，我仍然遇到麻烦。保证金的变化将不会出现，即使我把所有，媒体查询不会工作？

<meta name="viewport" content="width=device-width, initial-scale=1.0">

下面是一些简单的我试图做一个例子，

<div class="modal-content"> 
/*Content of modal is here*/ 
</div>

这里是CSS其次是媒体查询：

.modal-content{ 
    margin-top: 100px; 
    margin-right: 10px; 
    width: 300px; 
} 

@media only screen and (max-width: 320px) { 
    .modal-content { 
     margin-top: 100px; 
     margin-left: -40px; 
     width: 300px; 
    } 
}

我需要给模态保证金所以看起来中心在iPhone 5，但也不会看我的媒体查询的。我错过了什么吗？

来源

2017-05-04 CheeseDrizzle

你确定你已经达到'320px'的宽度是多少？ – Swellar

我清除缓存后，我的css开始工作。尽管谢谢你的帮助。 – CheeseDrizzle

目标低于媒体查询iPhone 5使用您的代码

/* Portrait and Landscape */ 
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
    // your code 
}

在这里你可以了解更多有关它https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

来源

2017-05-04 04:02:08 Rahul

谢谢！实际上，一旦我清除了我的缓存，所有的东西都开始工作了 - 让他们像说的那样简单愚蠢。我会解决这个帖子。 – CheeseDrizzle

媒体查询不会工作？

回答

相关问题