![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端布局
移动端布局
宫小白(转掘金了)
热爱文学,热爱生活,热爱编程
展开
-
前端移动开发布局_响应式bootstrap
知识导航:响应式开发原理bootstrap介绍及基本使用(主要)1.响应式开发原理利用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的设备的划分:小于768的为超小屏幕(手机)768~992之间的为小屏设备(平板)992~1200的中等屏幕(桌面显示器)大于1200的宽屏设备(大桌面显示器)响应式布局容器响应式需要一个父级做为布局容器,来配合子级...原创 2020-01-28 23:18:48 · 530 阅读 · 0 评论 -
前端移动开发布局_rem+less+媒体查询
知识导航何为rem何为媒体查询何为less1. 何为remrem (root em)是一个相对单位,类似于em,em是父元素字体大小。而rem的参照物是html的fontsize比如 html { font-size: 20px; } div { width: 2rem; ...原创 2020-01-28 11:38:43 · 449 阅读 · 0 评论 -
前端移动开发布局_flex布局
百分比布局就是在传统布局中将盒子宽度换为其父亲宽度的百分比,较为简单。不做整理知识导航简单介绍父项常见属性子项常见属性1. 简单介绍...原创 2020-01-18 18:20:14 · 461 阅读 · 0 评论 -
前端移动开发布局_基础入门
知识导航视口二倍图css3中的盒子模型市场上常用的移动开发选择移动端常见布局1. 视口视口(viewport)就是浏览器显示页面内容的屏幕区域(简单认为就是我们的屏幕)。并且它又分为布局视口、视觉视口和理想视口。1.1 布局视口 layout viewport...原创 2020-01-17 08:18:40 · 536 阅读 · 1 评论