因为自己没适配过电视，所以页面是按照3840*2610开发的，但是用电视打开后发现分辨率变了，变成了960*540。一下给我整不会了。
想了想使用了transform对页面进行了适配
此方法可以用于高分辨率开发的网页用于低分辨率设备。
<script>
$(document).ready(function () {
initdocument();
});
$(window).resize(function () {
initdocument();
});
function initdocument() {
var devicewidth = document.documentElement.clientWidth
var deviceheight = document.documentElement.clientHeight
var width = devicewidth / 3840
var height = deviceheight / 2160
document.getElementsByTagName("body")[0].style.transform = 'scale(' + width +
',' + height + ')'
document.getElementsByTagName("body")[0].style.transformOrigin = '0 0'
}
</script><body style="width:3840px;overflow:hidden;>
</body>代码仅供参考，记得要overflow：hidden；
2526
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
