分类: Html/Css
2019-07-11 16:21:13
在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动端的一些设置,简单来说就两点如下:
流式布局:
流式布局,也叫百分比布局,是移动端开发中经常使用的布局方式之一。
流式布局的特征:
宽度自适应,高度写死,并不是百分百还原设计图。
图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东西都是自适应的。
一些大的图片,设置宽度为百分比自适应即可,随着屏幕大小进行变化,对于小图标或者文本等, 一般都是定死宽高大小。
viewport:
Viewprot是用户网页的可视区域。
Viewprot翻译为中文可以叫做“视区”。
手机浏览器是把页面房子啊一个虚拟的“窗口(viewport)”比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分;