判断屏幕大小更改网页缩放比例 - 古月容博客-php个人技术博客-技术交流分享

2018
IT资讯信息分享

判断屏幕大小更改网页缩放比例

<script>
/***
*判断屏幕大小更改网页缩放比例
*/
function initScreen() {
var viewport = document.querySelector("meta[name=viewport]");
if(!viewport){
$("head").append('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">')
}
if(!document.querySelector("meta[http-equiv]")){
$("head").append('<meta http-equiv="X-UA-Compatible" content="ie=edge">')
}
var viewport = document.querySelector("meta[name=viewport]");
var winWidth = $(window).width();
var size = winWidth / 1200;
if (winWidth < 480) {
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, user-scalable=yes');
$("html").css({"transform":"scale("+size+")","transform-origin":"0 0",'width':'1200px','height':($("body").height()*size)+'px' });
}
}
$(function(){
initScreen()
})
</script>

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:古月容个人博客 » 判断屏幕大小更改网页缩放比例
标签: js

发表评论

表情

网友评论(0)