qq_46492364的博客

文章目录前言一、rem单位二、媒体查询1.媒体查询书写语法2.媒体查询案例-背景变色3.媒体查询+rem，实现动态元素大小变化4.引入资源三、维护css弊端1.css的弊端2.维护css弊端（Less的简介和安装）3.Less变量4.Less编译5.Less嵌套6.Less运算四、rem适配1.rem适配原理2.rem适配方案总结前言这部分开学习rem适配布局，能够解决移动端网页高度和文字大小随着网页窗口的变化而变化。接下来开始学习吧一、rem单位（1）em单位:相对单位，参考的是父级元素字号大

文章目录前言一、flex布局体验二、flex布局原理三、flex布局父项常见属性1.flex-direction设置主轴的方向2.justify-content主轴上子元素排列方式3.四、flex布局子项常见属性1.2.读入数据五、1.引入库2.读入数据总结前言这部分学习flex布局，还是通过写一个移动端网页进行练习，这里就只记录理论知识啦。提示：以下是本篇文章正文内容，下面案例可供参考一、flex布局体验传统布局：（1）兼容性好（2）布局繁琐（3）局限性，不能在移动端很好的布局fl.

文章目录前言一、流式布局原理二、使用步骤1.引入库2.读入数据总结前言一、流式布局原理将盒子的宽度设为百分比，很具屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsim.

文章目录前言一、浏览器1.pc端常见浏览器2.移动端常见浏览器二、视口1.布局视口layout viewport2.视觉视口visual viewport3.理想视口ideal viewport三、二倍图1.物理像素和物理像素比2.二倍图用法四、移动端开发选择1.单独制作移动端页面2.响应式兼容pc移动端3.移动端常见问题技术解决方案五、移动技术选型1.单独制作移动端页面2.响应式兼容pc移动端总结前言开始学习移动web开发基础一、浏览器1.pc端常见浏览器360、谷歌、火狐、QQ、百度、搜.