Chinaunix首页 | 论坛 | 博客
  • 博客访问: 156520
  • 博文数量: 73
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 760
  • 用 户 组: 普通用户
  • 注册时间: 2017-10-24 14:09
个人简介

每天分享阿里云大学精品课程

文章分类

全部博文(73)

文章存档

2019年(73)

我的朋友

分类: Html/Css

2019-06-27 16:36:31

在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动端的一些设置,简单来说就两点如下:

流式布局:

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

流式布局的特征:

宽度自适应,高度写死,并不是百分百还原设计图。
图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东西都是自适应的。
一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。

viewport:

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

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

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

更多关于移动Web的详细知识:

阿里云开发者社区全面升级,一站式体验,用得更爽:(阿里云开发者社区首页

阅读(1181) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~