
移动web
文章平均质量分 69
houyanhua1
这个作者很懒,什么都没留下…
展开
-
BootStrap bootstrap模板
demo.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scal原创 2018-03-29 21:25:20 · 1500 阅读 · 0 评论 -
移动web JavaScript手指滑动事件的封装(touchstart,touchmove,touchend)
demo.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,原创 2018-03-28 18:05:58 · 677 阅读 · 0 评论 -
移动web CSS,媒体查询(通过查询屏幕大小来判断使用哪个CSS样式)(@media screen)
demo.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in原创 2018-03-28 10:30:52 · 2089 阅读 · 0 评论 -
移动web 移动端常用的CSS设置
demo.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-原创 2018-03-27 15:43:17 · 1394 阅读 · 0 评论 -
移动web 视口(meta name="viewport" )
demo.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- meta:vp(emmet语法) --> <!-- viewport 视口属性 只有在移动端浏览器上才有用原创 2018-03-27 12:37:28 · 1240 阅读 · 0 评论 -
移动web Zepto.js(移动端的JQuery,封装了移动端的touch事件)
1、Zepto.js 是移动端的JQuery的模块化(JQuery太大,模块化的Zepto.js就是使用到哪些功能就导入哪些js文件,不会导入整个JQuery)2、Zepto.js 根据需要,导入多个不同的模块。demo.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...原创 2018-03-31 19:20:36 · 2135 阅读 · 0 评论 -
移动web 左边定宽,右边自适应的布局(利用float的特性)
demo.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,原创 2018-03-28 09:39:15 · 250 阅读 · 0 评论 -
BootStrap 学习笔记文档(API)
https://pan.baidu.com/s/1wiPklKNGkbGDUyTt2xII9w密码:y7vl原创 2018-03-29 22:04:08 · 4227 阅读 · 2 评论 -
BoorStrap 栅格系统(屏幕布局适配,根据屏幕大小分配成不同比例)
demo.html:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &a原创 2018-03-29 21:56:47 · 4964 阅读 · 0 评论 -
移动web JavaScript,事件(touchstart,touchmove,touchend)
demo(认识点击时间差).html:<!DOCTYPE html><html lang="en"><head> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scal...原创 2018-03-28 09:59:29 · 1501 阅读 · 0 评论