Question

我需要使用Javascript / jQuery来控制我的元素加载的方式，这意味着如果我在iPhone或Android手机以及iPad和平板电脑上。我不想使用CSS媒体查询，我需要它在Javascript或jQuery中。任何提示或链接阅读都会很好，谢谢

Answer 1

您可以检测设备宽度并从那里更改设置/元素吗？

var viewSize = $(window).width();

/* if is below 481px  then it might be a phone :) */
if (viewSize < 481) {
  //something special
}
...

Answer 2

我使用screen.width并且工作正常。只需确保您的脚本在页面结尾之前正确，以确保加载所有元素。这是代码：

<script type="text/javascript">
$(document).ready(function() {
if ((screen.width>720)) {
document.getElementById("photos").style.marginLeft="110px";
document.getElementById("videos").style.marginRight="100px";
}
});
</script>

根据设备（手机/平板电脑等）控制元件的加载方式

2 个答案: