本文介绍了强制应用媒体查询的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有以下html和CSS代码：
<div class="wrapper">
<div class="a"></div>
<div class="b"></div>
</div>
@media all and (max-width: 400px), (max-height: 300px) {
.wrapper .a {
....
....
}
wrapper. .b {
....
....
}
....
....
}
现在我希望，每当包装器获得"Like-Small"类时，即使屏幕不小，小屏幕的所有样式也会应用。我不想复制媒体查询中的CSS代码。我怎样才能解决这个问题？ 另一种解决方案是强制应用媒体查询。有没有办法做这件事？
推荐答案
您可以尝试使用JavaScript。此语句设置视口宽度并强制浏览器应用您的媒体查询：
$('meta[name="viewport"]').prop('content', 'width=400');
viewport标签的浏览器。
这篇关于强制应用媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！