如果你身受页面不能自适应的困扰，那可别错过flex这么好用的属性哦。 如果你对浮动定位和绝对定位已经有点厌烦，那你了解一下flex布局吧。 目前，Flex布局，可以简便、完整、响应式地实现各种页面布局。 而且，它已得到了所有浏览器的支持 ...

flex布局介绍： 　　flex布局很灵活， 这种布局我们也可以称之为弹性布局， 弹性布局的主要优势就是元素的宽或者高会自动补全; flex布局实例： 　　比如有两个div，一个div的宽度为100px， 想让另外一个div的占据剩下的宽度 ...

实际开发中的像素：css像素设备像素比dpr=设备像素/css像素标清屏dpr=1 高清屏dpr=2缩放改变的是css像素大小PPI（每英寸的物理像素点）=根号（屏幕横向分辨率²+屏幕纵向分辨率²）/ ...

本文主要对以下问题的思考 当我门开发一个h5页面时候，到底是 pc和h5共用一套页面 还是分开开发两套呢？ 现象分析： 结论 具体的布局方式分析，其实网上有很多很详细的教程了 我在这里只是简单说明 rem布局+flex 1 设置视口 2 根据公司ui根据那个尺寸 ...

分享一种平时用的三段式布局(flex) 主要思路是 上中下 header&footer 给高度 main 占其余部分 html 部分 <div class='wrap'> 　　<div class='header'></div> ...

携程移动端静态首页flex布局（弹性布局） 主要知识点：flex布局&属性选择器&阴影&背景渐变 HTML结构 思路复盘 顶部搜索模块：一个.search-index大盒子里有两个小盒子（.search&.user） *大盒子设置display ...

# flex与移动web ## 视口 + **视口**：就是浏览器显示页面内容的屏幕区域，视口可以分为**布局视口**，**视觉视口**和**理想视口**。 + 布局视口：layout viewport + 一般移动设备的浏览器都默认设置了布局视口，用于解决早起的pc端页面在手机上显示 ...

移动端 css/html (box-flex)自适应、等比布局 对于移动端自适应的一种布局方式。 展示： 平板 大手机屏幕 小手机屏幕 本次布局主要是对于 box-sizing: border-box; 和 配合 ...