随笔分类 -  屏幕适配与兼容

摘要:由于项目中要写一个虚拟滚动,但不能下插件,所以就手写实现了一版,很基础。 主要难点是要动态计算第几屏 主要思想是算出真实高度是滚动高度的几倍,然后*100,在用视口已滚动的最大页数*这个倍数在除以这个倍数 不理解这个逻辑 如果不考虑精度 也可以通过滚动的真实距离除以视口大小,来计算第几屏 <temp 阅读全文
posted @ 2023-11-16 15:46 朱依漾 阅读(52) 评论(0) 推荐(0)
摘要:由于通过zoom控制局限性太大,所以改用监听缩放比例的方案,配合rem技术,也可以实现对浏览器缩放的控制 关键代码 @media all and (-webkit-min-device-pixel-ratio: 1) { html { font-size: 14px !important; } } 阅读全文
posted @ 2021-12-01 16:23 朱依漾 阅读(927) 评论(0) 推荐(0)
摘要:/** * @author trsoliu * @date 2019-12-05 * @description 校正windows页面在系统进行缩放后导致页面被放大的问题,通常放大比例是125%、150% * **/ class DevicePixelRatio { constructor() { 阅读全文
posted @ 2021-12-01 10:31 朱依漾 阅读(938) 评论(0) 推荐(0)