摘要: 概述 这篇文章是基于网易的移动端屏幕适配方案而来的。 (1)思考 在移动端开发中,对于页面屏幕适配要解决哪些问题? 对于不同的dpr,图片会有模糊的情况,怎么适配? 对于不同的屏幕宽度,怎么适配? 对于不同的内容:容器,文字和图片,怎么适配? 对于移动适配,我个人希望达到的效果是,对于不同的屏幕,在 阅读全文
posted @ 2020-05-14 10:34 剑仙6 阅读(582) 评论(0) 推荐(0) 编辑
摘要: flexible.js (750px) 实现步骤: 1:先去掉禁止用户缩放的meta标签 2:在页面中导入flexible.js <script src=""></script> 3:量出header的height为88px 4:88px / 100 == 0.88rem; 阅读全文
posted @ 2020-05-14 10:31 剑仙6 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 上一回说到了媒体查询结合rem做移动端布局,步骤如下 首先设置媒体查询,确定html中font-size值的变化 @media all and (max-width:320px){ html{font-size:12px;} } @media all and (min-width:321px) an 阅读全文
posted @ 2020-05-14 10:23 剑仙6 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 第一步:先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo 阅读全文
posted @ 2020-05-14 10:19 剑仙6 阅读(246) 评论(0) 推荐(1) 编辑
摘要: 页面的渲染过程 当我们在浏览器里输入一个 URL 后,最终会呈现一个完整的网页。会经历以下几个步骤: 1、HTML 的加载 页面上输入 URL 后,会先拿到 HTML 文件。HTML是一个页面的基础,所以会在最开始的时候下载它,下载完毕后就开始对它进行解析 2、其他静态资源的下载 HTML 在解析的 阅读全文
posted @ 2020-05-14 09:41 剑仙6 阅读(141) 评论(0) 推荐(0) 编辑
欢迎访问个人网站www.qingchun.在线