最新消息:扫描右侧莎龙博客微信公众账号获取文章访问密码^_^QQ交流群:112302518

自适应宽度JS获取的一种思路永远都是100%

javascript教程 莎龙 1179浏览 0评论

今天要做一个单页,想同时适用于手机端和电脑端,用到的解决方案这里和大家分享一下:

首先我们获取到当前设备的宽度

var wd=$(window).width()

然后我们需要为指定的区域添加样式

document.getElementById(wd).style.width=wd;

完整的JQ代码就是:

<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
 
var wd=$(window).width(); //浏览器当前窗口可视区域宽度
 
document.getElementById(wd).style.width=wd;
 
}
)
</script>

转载请注明:莎龙博客2017 » 自适应宽度JS获取的一种思路永远都是100%