大阳城·(中国区)官方网站入口-Macau App Station

header

article

打开Chrome浏览器访问demo4-1.html，页面效果如下图所示。

流式布局效果01

可以尝试改变浏览器窗口的大小，页面元素的大小不会随浏览器窗口改变，如下图所示。

流式布局效果02

下面修改demo4-1样式代码，将所有宽度修改为百分比的形式，具体如下:

刷新页面，缩小浏览器，页面按百分比随浏览器逐渐缩小，显示完整，页面效果如下图所示：

流式布局03

猜你喜欢：

流式布局介绍：流式布局的优势和不足

弹性盒布局简介

网页一般用什么工具布局？常用的网页流程布局介绍

什么是页面布局?页面布局有什么原则？

弹性布局使用介绍：什么情况下用弹性布局?

大阳城app官网入口web前端培训课程

上一篇：描述margin的重合问题，并提出你的解决方案【前端面试题】 下一篇：web前端培训班哪个机构好？|【附赠前端教程】html教程下载

最新资讯

相关阅读

0 分享到：

javaee

python

web

design

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

Python

jdbc

北京校区

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

热门课程推荐

更多>>

首页|校区分布|师资力量|关于我们|报名流程

常见问题|技术资讯

大阳城·(中国区)官方网站入口-Macau App Station版权所有
Copyright 2006-2023, All Rights Reserved

在线咨询我要报名

和我们在线交谈！