布局
3篇文章 · 0订阅
  • 基于媒体查询和 rem 的响应式布局实践PRO
    响应式布局（Responsive Layout）是指能够针对不同屏幕尺寸、分辨率做出合理布局和样式调整的一整套解决方案。经常会看到一些网站，在 PC 端放了一大堆功能，切换到移动端后整体样式大变样，功
    响应式设计 JavaScript
  • 基于媒体查询和 rem 的响应式布局实践
    我们开发一个网站的时候希望在手机端、iPad 端、PC 端都有良好的体验，CSS 给我们提供了一个强大的条件判断语法，可以根据设备的宽度来设置不同的样式，从而实现不同的设备应用不同的布局。 下图展示了利用 @media 实现的同一页面手机端 2 列、iPad 端 3 列、PC …
    响应式设计
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）