第七章:移动Web
文章平均质量分 80
移动Web 专栏暂停更新,更多 移动Web 扩展知识请订阅此专栏关注后续更新。待续~
孤安先生
北漂打工人。
曾获竞赛奖项:第十四届上海市大学生计算机应用能力大赛“三等奖”;
愿与“你”顶端相见!
展开
-
移动Web:媒体查询及手机端PC端识别
响应式布局的核心,能够检测视口的宽度,然后编写差异化的 css 样式调整网页的布局方式。响应断点是指媒体查询所采用的视口的宽度。作用:将屏幕尺寸划分成若干的区间。浏览器解读代码时,实时对当前设备进行检测。通过正则判断是否为移动端。原创 2022-11-04 09:51:43 · 2397 阅读 · 0 评论 -
移动Web:Flex布局、移动端适配、视口、二倍图
系统会将视口的宽度和高度分为100份,1vw 就占用视口宽度的百分之一,1vh 就占用视口高度的百分之一。如果所有子元素的基准值之和大于剩余空间,则会根据每项设置的基准值,按比率伸缩剩余空间。动态单位,会随着 html 根元素字体大小的变化而变化(相对单位)。不会随着视口的大小变化而变化,像素是一个固定的 (绝对) 单位。动态单位,会随着参考元素字体大小的变化而变化(相对单位)。动态单位,会随着网页视口大小的变化而变化(相对单位)。动态单位,永远跟着元素的父元素作为参考进行计算。设置给项目,不是给容器。原创 2022-11-04 08:58:59 · 516 阅读 · 0 评论 -
移动Web:Less 预处理及Koala工具
less 代码无法被浏览器识别,实际开发需要转换成 css,使用 liink 标签引入 css 文件。原创 2022-11-07 14:56:50 · 290 阅读 · 0 评论 -
移动Web:IIS部署 及 flexble.js 兼容
Internet Information Services (IIS) 管理器,用于本地起服务,可在局域网内访问本地网站。flexble.js 阿里团队开源的一个 js 库,使用 flexible.js 轻松搞定各种不同的移动端设备兼容自适应问题。原创 2022-11-07 14:58:15 · 760 阅读 · 0 评论