网页跟随不同分辨率进行自动调整

最新推荐文章于 2024-08-13 23:38:58 发布

JensLee

最新推荐文章于 2024-08-13 23:38:58 发布

阅读量4.1k

点赞数 1

分类专栏： HTML javascript

本文链接：https://blog.csdn.net/LEE18254290736/article/details/81326490

版权

HTML 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

js代码如下：

//获取html标签
var htmlObj = $("html");

//获取屏幕分辨率
var dpi  = window.screen.height;

//获取需要调整样式的div标签
var layoutBox = document.getElementById("layoutBox");

//判断分辨率
if(dpi < 1080) {
	  //调整html标签样式
	  htmlObj.css({"overflow-x": "hidden", "overflow-y": "hidden"});
	  
	  //调整div标签样式
	  layoutBox.setAttribute("style", "transform :scale(0.88) translate(-70px, -40px);"); 
}