响应式
文章平均质量分 93
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
<移动Web开发>__rem布局&响应式布局的完美总结
今天是把 rem 布局 和 响应式布局 的要点好好的总结了一遍,还没学会的可以看看这一篇哦!!1、rem单位2、媒体查询 3、rem适配方案4、响应式开发原理5、Bootstrap 介绍6、Bootstrap 使用四部曲7、bootstrap布局容器8、bootstrap 栅格系统9、响应式工具10、总结完rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。原创 2021-11-17 10:57:32 · 829 阅读 · 18 评论 -
像容嬷嬷一样教你学规矩——敢了吗
一、响应式布局容器 响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化 平时我们的响应式尺寸划分: 超小屏幕(手机,小于768px):设置宽度为100%; 小屏幕(平板,大于768px):设置宽度为750px; 中等屏幕(桌面显示器,大于等于992px):宽度设置为970px; 大屏幕(大桌面显示器,大于等于1200px):宽度设置为1170p原创 2021-09-17 09:48:42 · 396 阅读 · 21 评论