首页 » 排名链接 » 前端 | 移动Web开发(布局都是开发者干货网页)

前端 | 移动Web开发(布局都是开发者干货网页)

神尊大人 2024-11-26 02:06:05 0

扫一扫用手机浏览

文章目录 [+]

流式布局:

流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一。

流式布局的特征:

前端 | 移动Web开发(布局都是开发者干货网页) 排名链接
(图片来自网络侵删)

宽度自适应,高度写死,并不是百分百还原设计图。

图标都是固定死大小的,包括字体等也是固定死的。
并不是所有的东西都是自适应的。

一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。

viewport:

Viewprot是用户网页的可视区域。

Viewprot翻译为中文可以叫做“视区”。

手机浏览器是把页面房子啊一个虚拟的“窗口(viewport)”比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分;

更多关于移动Web的详细知识:(点击下方“了解更多”立即学习)

阿里云开发者社区全面升级,一站式体验,用得更爽:https://developer.aliyun.com?spm=a2c41.12958151.0.0(复制网址链接到浏览器,记得收藏)

标签:

相关文章