• 静态、自适应、流式、响应式四种网页布局


    静态布局(Static Layout)
    即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分;
    对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。
    自适应布局(Adaptive Layout)
    自适应布局(Adaptive)的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变,但在每个布局中,页面元素不随窗口大小的调整发生变化。
    你可以把自适应布局看作是静态布局的一个系列。
    流式布局(Liquid Layout)
    流式布局(Liquid)的特点(也叫"Fluid") 是页面元素的宽度按照屏幕进行适配调整,主要的问题是如果屏幕尺度跨度太大,那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。
    响应式布局(Responsive Layout)
    分别为不同的屏幕分辨率定义布局,同时,在每个布局中,应用流式布局的理念,即页面元素宽度随着窗口调整而自动适配。
    可以把响应式布局看作是流式布局和自适应布局设计理念的融合。

    好吧白话解释-。-
    静态布局:意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置;
    自适应布局:就是说你看到的页面,里面元素的位置会变化而大小不会变化;
    流式布局:你看到的页面,元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。
    自适应布局:每个屏幕分辨率下面会有一个布局样式,同时位置会变而且大小也会变。
    大概就是这样。

    http://caibaojian.com/356.html

  • 相关阅读:
    HDU 5818 Joint Stacks
    HDU 5816 Hearthstone
    HDU 5812 Distance
    HDU 5807 Keep In Touch
    HDU 5798 Stabilization
    HDU 5543 Pick The Sticks
    Light OJ 1393 Crazy Calendar (尼姆博弈)
    NEFU 2016省赛演练一 I题 (模拟题)
    NEFU 2016省赛演练一 F题 (高精度加法)
    NEFU 2016省赛演练一 B题(递推)
  • 原文地址:https://www.cnblogs.com/Benoly/p/4225115.html
Copyright © 2020-2023  润新知