transform本质上是一系列变形函数,分别是translate位移,scale缩放,rotate旋转,skew扭曲,matrix矩阵。 前置属性: transform-origin transform-style perspective perspective-origin backface-v ...
分类:
Web程序 时间:
2016-06-08 20:30:50
阅读次数:
319
1. 移动设备优先 适配和初始缩放:<meta name="viewport" content="width=device-width, initial-scale=1"> 2. 容器(不支持嵌套) .container:固定宽度 .container-fluid:可变宽度 3.网格系统(每行分12 ...
分类:
其他好文 时间:
2016-06-08 19:10:12
阅读次数:
161
手机浏览器默认为我们做了两件事: (1)页面渲染在一个980px(ios)的viewport (2)缩放 为什么渲染时,要有viewport? 为了排版正确 viewport分两种: a. visual viewport 窗口缩放:scale b. layout viewport 设计移动web 为 ...
分类:
其他好文 时间:
2016-06-08 14:11:13
阅读次数:
222
目前比较常用的方法有: 首先要让页面大小铺满屏幕又不能溢出。只需要在html<head>标签内加入viewport(如下),参数分别表示:页面宽度= 屏幕宽度,最大和最小伸缩比都是1,不允许用户拉缩。 <meta name="viewport" content="maximum-scale=1.0, ...
分类:
移动开发 时间:
2016-06-06 23:50:00
阅读次数:
240
2D feature extracted, satisfy: 1. scale invarient; 2. rotation invarient. Naive Thinking: Minimal point or Maximum Point, Local; Now you are given a g ...
分类:
其他好文 时间:
2016-06-06 22:08:48
阅读次数:
202
小tips: zoom和transform:scale的区别 这篇文章发布于 2015年11月3日,星期二,00:52,归类于 css相关。 阅读 7876 次, 今日 8 次by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zh ...
分类:
其他好文 时间:
2016-06-06 16:47:06
阅读次数:
219
scale(sx,sy)对应matrix(sx,0,0,sy,0,0) 拉伸 rotate(θ)对应matrix(cosθ,sinθ,-sinθ,cosθ,0,0) 旋转 skew(θx,θy)对应matrix(1,tan(θy),tan(θx),1,0,0) 倾斜 ...
分类:
Web程序 时间:
2016-06-05 14:03:15
阅读次数:
171
transform的属性包括:rotate() / skew() / scale() / translate(,) transform:rotate(): 含义:旋转。 transform:skew(): 含义:倾斜;skew(30 deg),即为斜体; transform:scale(): 含义: ...
分类:
Web程序 时间:
2016-06-04 13:31:10
阅读次数:
413
<!DOCTYPE html><html><head> <meta charset="gb2312"> <title>恰恰瓜子兑换</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-sc ...
分类:
Web程序 时间:
2016-06-02 21:48:22
阅读次数:
313
使用jqueryajax异步提交图片<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum..
分类:
其他好文 时间:
2016-06-02 20:15:26
阅读次数:
187