//设计稿是1920 * 1080,以1920对应是基数是100
function largeScreen(){
let baseNumber = 100;//基数
let clientWidth = document.documentElement.clientWidth;
clientWidth = Math.max(clientWidth,1800);//限制最小宽度1800像素
let ratio = clientWidth / 1920;
let fontSize = Math.ceil(baseNumber * ratio);
document.documentElement.style.fontSize = `${fontSize}px`;
}
largeScreen();
window.addEventListener('resize',largeScreen);
大屏最外层的字体大小fontSize设置
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 现如今一块大屏点击跳转实现第二屏跳转,越来越多的公司要求实现这种需求,我接受的项目就遇到这个需求,当时我是在原有写...
- 人们问爱因斯坦为何能在1905年提出那么多改变人类认识世界的理论,他谦虚地回答道: “并不是我很聪明,只是我和问题...
- 国际黄金行情走势分析: 周一(3月8日)亚洲时段,现货黄金延续上周五纽约时段涨势,最高触及1714美元附近,目前交...