原文：pc端常见布局(-)
.固定宽度三列布局 见新浪微博首页 html结构如下 lt div class wrapper gt 最外层容器元素 lt div class primary gt 右侧主要内容区域 lt div class primary gt 主要内容区域的主要内容 lt div gt lt div class second gt 主要内容区域中的次要内容 lt div gt lt div gt lt di ...
2017-03-16 11:58 0 2860 推荐指数：
相关推荐
1.静态布局： 布局特点：宽高固定 2.自适应布局： 布局特点：不同分辨率下，页面元素位置变化，大小不变 实现方法:针对不同分辨率创建对应的样式表，使用 @media 媒体查询给不同尺寸的设备切换不同的样式 缺点：IE8及以下不支持媒体 ...
https://www.cnblogs.com/zxmonster/p/12548821.ht 1.静态布局： 布局特点：宽高固定 2.自适应布局： 布局特点：不同分辨率下，页面元素位置变化，大小不变 实现方法:针对不同分辨率创建对应的样式表，使用 ...
截止目前，国内绝大多数内容为主的网站（知乎，果壳，V2EX，网易新闻等）均使用内容区定宽布局，大多数电商网站（网易考拉，京东，聚美优品）也使用了内容区定宽的布局，也有些网站使用了自适应布局： 天猫 内容区采用媒体查询+定宽，在达到某个断点之后 ...
国内绝大多数内容为主的网站（知乎，果壳，V2EX，网易新闻等）均使用内容区定宽布局，大多数电商网站（网易考拉，京东，聚美优品）也使用了内容区定宽的布局，也有些网站使用了自适应布局： 天猫 内容区采用媒体查询+定宽，在达到某个断点之后更改内容区的宽度，并把某个内容显示 ...
一、首先了解下自适应和响应式的区别： 响应式布局：响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。一个网站能够兼容多个终端，而不是为了每个终端做一个特定的版本。 自适应布局：就是为了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，需要开发多套界面来适应不同的终端 ...
一、固定布局 固定布局是第一次做移动端时最好的选择方式,思路沿用PC端,上手比较快。在标签里把 viewport 加好,然后设想整个网页的宽度为 320px 即可。 其他地方根据 PC 端来布局。 缺点:大屏手机显示网页比较宽,固定布局宽度参照永远是 320px,导致左右两 边会有 ...
1. 元素偏移量 offset 1.1 offset 概述 offset翻译过来就是偏移量，使用offset系列相关属性可以动态得到该元素的位置（偏移）、大小等 获得元素距离带有定位父元素 ...