,淘宝在不同的分辨率下,页面的尺寸和模块间的间距会发生变化,这是因为淘宝采用了rem,这篇文章会简单介 ...
lt DOCTYPE html gt lt html gt lt head gt lt meta charset UTF gt lt meta name viewport content width device width,initial scale ,minimum scale ,maximum scale ,user scalable no gt lt title gt lt title ...
2017-10-11 09:47 0 1353 推荐指数:
,淘宝在不同的分辨率下,页面的尺寸和模块间的间距会发生变化,这是因为淘宝采用了rem,这篇文章会简单介 ...
其中 width:viewport 的宽度,可以指定为一个像素值,如:640,或者为特殊的值,如:device-width (设备的宽度)。 initial-scale:初始缩放比例, ...
css单位有3种: px:绝对单位 em:相对父元素的单位 rem:相对根元素(页面的html)的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem: 什么是re ...
移动端flex布局 弹性盒布局语法分为两部分: 1. 添加在父容器上的语法 (1)display : flex; 设置为弹性盒(父元素添加) (2)flex-direction: 主轴排列方式 row; 默认值,默认为横向排列。 row-reverse; 反转横向排列 ...
1.采用缩放比为1的meta name=viewport的标签。在页面采用px写法。也要根据设计图。如是设计图是2倍图,那么相应的px需要除以2,如果设计图是3倍图,那么相应px尺寸除以3。 ...
常用属性总结: table tr th td; border 设置tabe的边框,值越大,边框越粗; <td colspan="2"> 横跨两列的单元格,&l ...
最近做了几个移动端的项目,因为第一次接触移动端的布局,所以踩了几个坑,今天总结一下,有不对的地方欢迎大家提意见。 移动端布局需要考虑为不同分辨率的设备都提供一个出色的使用体验,下面我来总结一下移动端布局的方法。 借助库 比如Bootstrap和MUI都可以实现自适应布局,借助于 ...
移动端布局: 1rem等于100px ,设计图750 ...