用 Javascript 怎样才能很好的获取手机的屏幕宽度和高度？

怎么搞呢 像qq音乐分享到微信的那样的效果

什么问题？

同求

window.screen.width
window.screen.height

无论是手机端还是 PC 端，浏览器的宽高使用
document.documentElement.clientWidth
document.documentElement.clientHeight
都是兼容性很好的

@jsonline 获取手机宽度高度 然后把图片设置的跟屏幕一样宽 但经常出现错误

@honk 这个也是经常显示错误

为何不写 CSS 解决

css 100%

@ant_sz 因为要设置图片的宽度和屏幕宽度一样

@cute 这个可以 但是 要设置图片的宽高度 所以不知道怎么弄了

@NemoAlex 是不是不同的手机显示也不一样

@frontman 宽度为100%,高度为auto试试。

@ant_sz 宽度的话，图片很好解决，但是比如字体大小要随着变就不好解决了吧……

body>img

html,
body{
height: 100%;
overflow: hidden;
}
img{
display: block;
width: 100%;
height: 100%;
}

这个是你要的效果么？

不过我建议不要设置图片的高度，否则会拉伸图片，很难看的。

@learnshare 我试试看

用什么Javascript啊，CSS的Media Queries不是专门解决这种问题的吗，with设置为100%，高度可以用padding-top:100%来解决

看错了，这里不需要用padding-top，高度设为auto就行

如果是单张图片全 viewport 的话，我试过
jQuery.maxImage 1.1.8

后来想了想，写 background-size 也差不多能达到这个效果

@kokdemo 用 media 选择器，或者使用 相对大小的 font-size 都可以啊。

@ant_sz ……感觉用media选择器不流畅啊……

http://jsbin.com/yonepocuvixa/1
随手写了个，不知道是不是你要的效果。二维码：
http://cli.clewm.net/qrcode/2014/08/13/2246004675.png

@seki 对 用background的显示效果最好

@ximan 恩恩 我看了 就是这样的效果 非常感谢