前端PC屏幕适配

最新推荐文章于 2025-03-14 08:50:34 发布

原创最新推荐文章于 2025-03-14 08:50:34 发布 · 647 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #swift #开发语言

封装总结专栏收录该内容

10 篇文章

订阅专栏

该篇文章介绍了如何使用JavaScript编写一个屏幕适配函数，通过检测窗口宽度并应用CSS3的zoom属性，实现在不同设备上保持页面布局的自适应效果。

// 屏幕适配
var resize = function () {
  var zoom;
  var app = document.querySelector("body");
  var wid = window.innerWidth;
  var realWid = wid > 1200 ? wid : 1200;
  zoom = realWid / 2100;
  app.style.zoom = zoom;
};
resize();
window.onresize = resize;