![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
媒体查询
文章平均质量分 90
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
像容嬷嬷一样教你学规矩——敢了吗
一、响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化平时我们的响应式尺寸划分:超小屏幕(手机,小于768px):设置宽度为100%; 小屏幕(平板,大于768px):设置宽度为750px; 中等屏幕(桌面显示器,大于等于992px):宽度设置为970px; 大屏幕(大桌面显示器,大于等于1200px):宽度设置为1170p原创 2021-09-17 09:48:42 · 390 阅读 · 21 评论 -
less+rem+媒体查询布局
不要吝啬你的点赞评论加关注哦一、rem单位二、媒体查询1.什么是媒体查询2.语法规范1.mediatype 查询类型2.关键字3.媒体特性3.引入资源(理解)三、less基础1.less变量四、适配及原理总结一、rem单位rem(root em)是一个相对单位,类似于em。1、em 是相对于父元素的字体大小来说的2、rem 是 相对于 html 元素的字体大小来说的3、rem 的优点就是可以通过修改 html 里面的文字大小来改变页面中元素的大小,可以整体控制二、媒体查询1.什么是媒体查询原创 2021-09-09 14:56:02 · 399 阅读 · 13 评论