指尖上的记忆指尖上的记忆
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub

获取window的宽度的两种方法:

正常情况下两个的值是一样的,但是在做h5屏幕和pc屏幕切换的时候,innerWidth会和实际相等,而screenWidth会小于屏幕大小
let screenWidth = doc.documentElement.clientWidth
  
const { innerWidth, innerHeight } = window
  
我这里在width 为768的时候做了屏幕切换,实际处处结果如下:
ex:
screenWidth: 750 innerWidth: 765
  
适配时的大小指的是分辨率点数
  
分辨率点数和分辨率像素,浏览器调试的时候看的是分辨率点数