自适应布局和响应式布局

我根据个人理解描述一下：

一套程序在多种终端设备展示，页面布局有2种：自适应布局和响应式布局。这二者有啥区别呢？

自适应布局，就是页面在多种终端设备，不同分辨率下，能够正常展示，不会出现错位，严重变形等，但页面布局不变。

而响应式布局，则在不同终端、不同分辨率下，页面布局、元素呈现的先后顺序可能会有所变化。这很容易理解，一个在PC中展示的页面，如果布局不变，完全照搬到手机端展示，效果肯定不会好，同时很有可能给人一种感觉，觉得这就是一种老古董，完全不是移动互联时代的产物。

自适应布局，主要就是调整一下CSS而已，改动较小。而响应式布局，页面将较为负责，区分不同情况，作出不同的反应，是为响应式。

自适应布局和响应式布局相关推荐

CSS之布局系列--静态布局、流式布局、自适应布局、响应式布局的概念及区别
原文网址:CSS之布局系列--静态布局.流式布局.自适应布局.响应式布局的概念及区别静态布局.流式布局.自适应布局.响应式布局的概念及区别_IT利刃出鞘的博客-CSDN博客简介说明本文介绍前端的 ...
一看就会的自适应布局、响应式布局的基本概念
一.自适应布局定义:自适应布局.又称宽度百分比布局或者流式布局. 优势:在不同的设备上呈现相同的网页弊端:在不同的设备上呈现相同的网页,对页面进行压缩. 二.响应式布局定义:根据不同的设备显示不 ...
静态布局、流式布局、自适应布局、弹性布局、响应式布局
静态布局.流式布局.自适应布局.弹性布局.响应式布局前端的布局主要有: 静态布局.流式布局.自适应布局.弹性布局.响应式布局等. 一.静态布局: 尺寸上一律使用px;同时限制外层容器的大小:中间的宽 ...
流体式布局与响应式布局_将固定像素设计转换为流体比例布局
流体式布局与响应式布局 Responsive web design has been a prime necessity for every enterprise ever since Google ...
第九十五节，移动流体布局和响应式布局总结
移动流体布局和响应式布局总结宽度与高度区块宽度一般用max-width 最大宽度和百分比,来定义宽度,因为要实现自动缩放高度如果要自适应,就不需要定义高度,或者定义最小高度注意:横向的尽量用百 ...
flex布局和响应式布局
flex伸缩布局一.是什么 Flexible Box 简称 flex,意为"弹性布局",可以简便.完整.响应式地实现各种页面布局,采用Flex布局的元素,称为flex容器cont ...
html响应式弹性布局,CSS3响应式布局之弹性盒子
CSS3弹性盒模型可以轻松的创建自适应浏览器流动窗口的布局或自适应字体大小的布局.同时该盒子决定了一个盒子在其他盒子的分布方式,及如何处理可用的空间. 自己写了一个弹性盒子的demo: 主要HTML代 ...
什么是响应式布局？响应式布局有几种方法？
目录什么是响应式布局? 响应式布局的4种方法媒体查询百分比 vw/vh rem 什么是响应式布局? 响应式布局是同一页面在不同的屏幕上有不同的布局,即只需要一套代码使页面适应不同的屏幕响应式布 ...
前端css弹性布局，响应式布局，多列布局
前端css弹性布局,响应式布局,多列布局主页 <!DOCTYPE html> <html><head><meta charset="utf-8&q ...

自适应布局和响应式布局

自适应布局和响应式布局相关推荐

最新文章

热门文章