rem是什么？ rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是html。 例：(下面例子中的根节点是html ，它的字体大小是100px ...

一、固定布局 固定布局是第一次做移动端时最好的选择方式,思路沿用PC端,上手比较快。在标签里把 viewport 加好,然后设想整个网页的宽度为 320px 即可。 其他地方根据 PC 端来布局。 缺点:大屏手机显示网页比较宽,固定布局宽度参照永远是 320px,导致左右两 边会有 ...

1、前言 （1）vw/vh介绍 在使用之前，我们先简单了解一下什么是vw和rem以及它们的作用，vw是css3出现的一个新单位，它是“view width”缩写，定义为把当前屏幕分成一百份，1vw即为屏幕的1%，与之对应的是vh，把高分成一百份，1vh即为屏幕高的1%，一般我们常用的vw ...

在我们用手机浏览网页时，当点击某个链接或者点击事件时 会出现一层蓝色半透明的高光显示， 但在开发webapp时，由于网页是被native load去的，在app里面点击的时候如果出现高光则显得很不和谐 css3 的-webkit-tap-highlight-color: rgba ...

1、响应式布局：px 概念： 响应式网页设计就是一个网站能够兼容多个终端-----而不是为每个终端做一个特定的版本； 其目的是为用户提供更加舒适的界面和更好的用户体验； 优缺点： 优点 ...

本文主要写给刚接触移动端开发的同鞋们。 首先先将几个主要概念讲一下； 什么是移动端？ 移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。 什么是布局？ 前端开发中布局是将主要的html结构布置好。 rem是什么？ rem是一种 ...

CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。 如果你安装了多个IE，条件 ...

h5 浏览器兼容性问题： 浏览器兼容性情况可以在这个网站查询 https://caniuse.com/ 绿色代表完全支持，黄色代表部分支持，红色代表不支持 右上角的黄色小短 ...