width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ） height: viewport 的高度 （范围从 223 到 10,000 ） initial-scale: 初始的缩放比例 （范围从>0到 10 ） minimum-scale: 允许用户缩放 ...
分类：
Web程序 时间：
2017-09-07 13:25:15
阅读次数：
238
逛codepen看到一些项目的时候就很想写，这个是特别喜欢，配色太戳我了，我就自己动了一动 效果图： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= ...
分类：
Web程序 时间：
2017-09-06 19:43:11
阅读次数：
213
注:不要手动设置viewport，该方案自动帮你设置！！！ 代码原理 这是阿里团队的高清方案布局代码，所谓高清方案就是根据设备屏幕的DPR（设备像素比，又称DPPX，比如dpr=2时，表示1个CSS像素由4个物理像素点组成）** 动态设置 html 的font-size, 同时根据设备DPR调整页面 ...
分类：
移动开发 时间：
2017-09-06 15:49:50
阅读次数：
262
效果图： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
分类：
其他好文 时间：
2017-09-06 14:35:45
阅读次数：
259
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> ...
分类：
移动开发 时间：
2017-09-05 01:48:26
阅读次数：
368
<!doctype html><html><head><meta charset="utf-8"><meta name="format-detection" content="telephone=no"/><meta name="viewport" content="user-scalable=no ...
分类：
其他好文 时间：
2017-09-05 00:03:46
阅读次数：
276
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>登入</title>
<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1">
<metaname="keywords"content="fly,layui,前端社区">
<m..
分类：
移动开发 时间：
2017-09-04 15:06:57
阅读次数：
429
[ViewPort基本知识] 设置布局ViewPort的各种信息： 1.width=device-width； 设置viewpoint视口宽度等于设备宽度； 2.initial-scale=1； 网页默认缩放比为1(网页在手持设备上，不会进行默认缩放) 3.minimum-scale=1 网页最小缩 ...
分类：
移动开发 时间：
2017-09-04 09:54:06
阅读次数：
185
事件流： -事件流包括三个阶段-事件捕获阶段、处于目标阶段和事件冒泡阶段。 -首先发生的是事件捕获，为截获事件提供了机会，然后是实际的目标接收到事件，最后一个阶段是冒泡阶段，可以在这个阶段对事件做出响应。 事件冒泡： -事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。 -如 ...
分类：
其他好文 时间：
2017-09-04 09:47:17
阅读次数：
126
[ViewPort基本知识] 设置布局ViewPort的各种信息： 1.width=device-width； 设置viewpoint视口宽度等于设备宽度； 2.initial-scale=1； 网页默认缩放比为1(网页在手持设备上，不会进行默认缩放) 3.minimum-scale=1 网页最小缩 ...
分类：
移动开发 时间：
2017-09-03 22:04:22
阅读次数：
188
