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

[frontman]

我用的$(window).width(), window.innerWidth, document.body.clientWidth; 都是试过了 但是都会出一些问题 都不准。

[frontman]

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

[jsonline]

什么问题？

[dingyaguang117]

同求

[honk]

window.screen.width
window.screen.height

[NemoAlex]

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

[frontman]

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

[frontman]

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

[ant_sz]

为何不写 CSS 解决

[cute]

css 100%

[frontman]

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

[frontman]

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

[frontman]

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

[cute]

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

[kokdemo]

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

[learnshare]

body>img

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

这个是你要的效果么？

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

[frontman]

@learnshare 我试试看

[Biwood]

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

[Biwood]

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

[seki]

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

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

[ant_sz]

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