JS "@media“设备解析更改js命令的属性
提问于 2016-02-06 08:42:20
我在JS的网站上做负责的工作。如何更改此(正常分辨率)：
$(".card1_content_arrow").click(function () {
$(".card1_content").css('margin-left', '-45%');
});其中，当媒体宽度<860 max(在css @media all和(最大宽度:860 max)中)：
$(".card1_content_arrow").click(function () {
$(".card1_content").css('margin-left', '-100%');
});当我单击大分辨率上的.card1_content_arrow时，margin-left将被更改为-45%'，但是如果我将分辨率更改为860 on (以及更少)，那么当我单击相同的.card1_content_arrow时，margin-left将被更改为-100%。谢谢:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-06 09:09:58
您可以检测到此问题中描述的屏幕分辨率。
$(".card1_content_arrow").click(function () {
var margin = "-45%";
if (window.screen.availWidth < 860) {
margin = "-100%";
}
$(".card1_content").css('margin-left', margin);
}); 我建议使用媒体查询，而不是指定另一个类来控制边距。
.yourClass {
margin-left: -45%;
}
@media (max-width: 859px) {
.yourClass {
margin-left: -100%;
}
}您只需将类添加到元素中，并让浏览器进行检查。
$(".card1_content_arrow").click(function () {
$(".card1_content").addClass('yourClass');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35243537
复制相关文章
腾讯云开发者
