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

Question

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

Answer 1

我使用了 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>

Answer 2

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

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

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