随笔分类 - 页面布局
摘要：瀑布流布局（基于多栏列表流体布局实现）
阅读全文
摘要：em布局/rem布局 em和rem的区别 在了解弹性布局前我们需要先知道em和rem rem：font size of the root element，rem是相对于根元素<html>来设置字体大小的，这就意味着，我们只需要根据自己的需求在根元素确定一个参考值。 em：以使用em为单位的元素本身的
阅读全文
摘要：响应式布局 概念 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局 布局特点 响应式设计的目标是确保一个页面在所有终端上（各种尺寸的PC、手机、手表、冰箱的Web浏览器等等）都能显示出令人满意的效果，对CSS编写者而言，在实现上不拘泥于具体手法，但通常是糅合了流式布局+自适应 布局。分别为不同的
阅读全文
摘要：自适应布局 概念 自适应布局（Adaptive Layout）是对凡是有自适应特性的一类布局的统称 自适应布局使用media query来检测当前浏览器的宽度进而通过CSS样式调整页面大小。自适应布局和静态布局类似也是采用绝对长度单位（px、pt、mm、cm、in），但不同点在于它通过media q
阅读全文
摘要：流体布局 什么是流 在谈论流体布局之前我们需要知道一件事情就是何为“流”，所谓“流”就是“文档流”，是css中的一种基本定位和布局 概念 流体布局（Liquid/Fluid Layout）指的是利用元素“流”的特性实现的各类布局，流式布局采用了相对长度单位（%、em、rem、vm、vh）。典型的流式
阅读全文
摘要：前言 当为大量用户设计网站时，设计人员必须考虑到访问者的差异： 屏幕分辨率， 浏览器的选择， 是否在浏览器最大化状态， 浏览器的额外工具栏的开启（历史记录，书签等）， 操作系统和硬件。 屏幕分辨率， 浏览器的选择， 是否在浏览器最大化状态， 浏览器的额外工具栏的开启（历史记录，书签等）， 操作系统和
阅读全文
