响应式布局
4篇文章 · 0订阅
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • PC 端响应式布局方案
    最近在工作中做了一些响应式布局的功能和可视化大屏的开发，所以这里我也整理一下用到的响应式布局方案作为未来项目开发的参考方案 常用实现方案 flex 布局 flex 布局一把梭能解决绝大多情况下的响应式
    前端 CSS JavaScript
    PC 端响应式布局方案
  • 基于 vw 等 viewport 视区相对单位的响应式排版和布局 « 张鑫旭 - 鑫空间 - 鑫生活
    就是相对于浏览器 viewport 尺寸的单位，具体包括下面 4 个： vw – 视区宽度百分值 vh – 视区高度百分值 vmin – vw 或 vh，取小的那个 vmax – vw 或 vh，取大的那个
    前端 响应式设计
    基于 vw 等 viewport 视区相对单位的响应式排版和布局 « 张鑫旭 - 鑫空间 - 鑫生活
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）