每次页面大小更改 实时获取屏幕宽度
实时 获取 页面 大小 屏幕 更改 宽度 每次
2023-09-11 14:16:33 时间
<script>
(function () {
function w() {
var all = document.documentElement; //获取html元素
var test = all.getBoundingClientRect().width; //获取当前设备的宽度、
console.log('宽度', test)
if (test < 1000) {
document.querySelector('.aaa').style.display = 'none'
document.querySelector('.bbb').style.display = 'block'
} else {
document.querySelector('.aaa').style.display = 'block'
document.querySelector('.bbb').style.display = 'none'
}
rem = test / 18.75;
all.style.fontSize = rem + 'px'
}
w();
window.addEventListener("resize", function () {
w()
}, false)
})();
</script>
<script>
//在iphone6 375宽度中 html是以20px作为基本单位
(function () {
function w() {
var all = document.documentElement; //获取html元素
var test = all.getBoundingClientRect().width; //获取当前设备的宽度、
console.log(123, test)
if (test > 750) {
test = 750;
}
rem = test / 18.75;
console.log(rem)
all.style.fontSize = rem + 'px'
}
w();
window.addEventListener("resize", function () {
w()
}, false)
})();
</script>
相关文章
- 华为云企业主机安全服务之“网页防篡改”:拒绝网页变脸,服务实时在线
- layui如何实现添加数据时关闭页面层,并实时刷新表格数据?
- linux命令中的字符串中间增加指令,例如路径中增加日期变量,实时获取当前的日期
- EasyRTMP结合海康HCNetSDK获取海康摄像机H.264实时流并转化成为RTMP直播推流(附源码)
- 实时更新Excel文档外部数据源的数据
- SAP Spartacus 从 Ngrx 里获取 navigation 的实时状态
- Android 获取屏幕实时sensor角度
- 基于FPGA的控制参数在线实时调整的自适应PI控制器设计,包含testbench测试程序
- 【Linux 内核】调度器 ⑧ ( 进程优先级源码 includelinuxschedprio.h | 进程分类 | 实时进程 | 普通进程 | 进程优先级数值 | 0 ~ 99 实时进程 )
- 【Linux 内核】调度器 ⑦ ( 调度器类型 | 停机调度类 stop_sched_class | 限期调度类 dl_sched_class | 实时调度类 | 公平调度类 | 空闲调度类 )
- JavaScript兼容问题汇总[实时更新]
- 一脸懵逼学习HBase---基于HDFS实现的。(Hadoop的数据库,分布式的,大数据量的,随机的,实时的,非关系型数据库)
- 实时获取浏览器的地址栏的网页地址
- LabVIEW使用实时跟踪查看器调试多核应用程序
- Selenium结合HttpWatch进行Web自动化测试(实时获取页面性能)
- Flink消费Kafka数据并把实时计算的结果导入到Redis
- webrtc Native C++ 音视频实时开关,码率/帧率实时调控,分辨率调整,音量大小调节
- 【大数据实时数据同步】超级详细的生产环境OGG(GoldenGate)12.2实时异构同步Oracle数据部署方案(中)