IT 移动端：足迹第三十五步：静态、自适应、流式、响应式四种HTML网页布局的区别（哪种布局在移动端最好用）

最新推荐文章于 2022-05-19 22:48:02 发布

原玉辉

最新推荐文章于 2022-05-19 22:48:02 发布

阅读量436

点赞数

分类专栏： JAVA日记：JAVA程序员的真实就业经历

本文链接：https://blog.csdn.net/yuanyuhuib/article/details/80774760

版权

JAVA日记：JAVA程序员的真实就业经历专栏收录该内容

101 篇文章 5 订阅

订阅专栏

1）静态布局：在PC端与移动端用2个布局；一个元素的位置和大小都不变化；

2）自适应布局：在PC端与移动端用2个布局；一个元素的位置会变化。

3）流式布局：在PC端与移动端1个布局；元素的位置会变化，元素的大小会缩放；(图片太大会不显示)

4）响应式布局：在PC端与移动端2个布局；元素的位置会变化，元素的大小会缩放；

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8"><!-- 声明字符集，防止乱码 -->
        <meta name="Keywords" content=""><!-- keywords关键字，搜索引擎方便找到本网站 -->
        <meta name="Description" content=""><!-- 找到网站以后的一个描述 -->
        <title>Document</title>
    </head>
</html>