![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局基础
文章平均质量分 85
前端史塔克
普及从学校到工作怎么快速转变,更高效学习前端知识及后续发展趋向,更好快速的融入到工作中 关注公号:前端史塔克
展开
-
前端中常用的媒体查询详解,sass基础用法概览
常用布局第三篇 —— rem布局 回顾 在上一篇中我们结束了 flex 布局,flex 布局说的内容还是比较多的,而且对于flex布局来说,未来的工作中大部分的应用场景都在flex布局中,所以掌握 flex 布局在未来写页面时会非常的顺利,因为牵扯 flex 的内容比较多,所以在空闲的时候可以多看看 flex 相关的东西。 除此之外,这篇说的 rem 布局,也就是常说的媒体查询,常用于区分 pc 和 mobile 端内容。同时也是布局中的最后一篇内容了,下一篇开始我们就要开启前端中的另一个最最重要的 jav原创 2021-10-26 23:16:04 · 1895 阅读 · 0 评论 -
前端flex布局最全文档,工作学习中复习必备
常用布局第二篇 —— flex布局 回顾 在上一篇中我们结束了流式布局,流式布局中主要是说了理论的知识比较多,最主要的还是移动端中的二倍图效果是非常重要。还有对于视口的效果,末尾之后我们又说了背景缩放的问题background-size,和特殊的样式例如兼容-webkit-等效果。基础还是需要好好学习。 flex布局原理 flex 是 flexble Box 的缩写,意为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,值得一提的是在现在大部分的工作中用flex布局的占比是非原创 2021-10-18 23:17:32 · 748 阅读 · 0 评论 -
为什么常用二倍图,流式布局中一倍图是否靠得住
常用布局第一篇——流式布局 回顾 上一篇中我们结束了 css3 中的内容,回顾css3 我们深入的学习了css中的东西,在css的基础上c3又有了非常好的创新,这些都在日常的工作中特别的常用,所以需要好好温故而知新。h5c3的基础学完之后,就开始布局了,今天是布局的第一篇。先来看看流式布局。 视口 视口(viewport) 就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口、视觉视口和理想视口 布局视口 一般移动设备的浏览器默认设置了一个布局视口,用于解决早期pc端页面在手机上显示的问题 IOS、原创 2021-10-14 22:45:22 · 1717 阅读 · 2 评论