移动端 - 随笔分类 - 桂森滨

移动端：项目实战

摘要：项目实战一、flexible.js库 flexible是淘宝推出的弹性布局方案，可以解决移动端设备适配问题添加<meta>标签，并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性，并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 阅读全文

posted @ 2019-03-01 08:03 桂森滨阅读(425) 评论(0) 推荐(0)

移动端：开发技巧

摘要：开发技巧一、基本开发技巧 webkit内核中有一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用移动端H5开发所遇到的问题与细节,以及ios兼容 https://blog.csdn.net/dwb123456123456/article/details/8266356 阅读全文

posted @ 2019-03-01 07:59 桂森滨阅读(178) 评论(0) 推荐(0)

移动端：zepto框架

摘要：zepto框架一、zepto框架概述 Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架 Zepto的一些可选功能专门针对移动浏览器，因为最初的目标是专门为移动网站提供一个精简的jQuery替代方案 Zepto.js是专门为现代智能手机浏览器推出的JavaScript框架更阅读全文

posted @ 2019-03-01 07:50 桂森滨阅读(1534) 评论(0) 推荐(0)

移动端：移动端事件

摘要：移动端事件一、 PC端事件 click、mouseover、mouseout、mouseleave、mouseenter、mouseup、mousedown、mousewheel... click、mouseover、mouseout、mouseleave、mouseenter、mouseup、m 阅读全文

posted @ 2019-03-01 07:44 桂森滨阅读(4323) 评论(0) 推荐(1)

移动端：移动端页面布局

摘要：移动端页面布局一、水平居中二、自适应块级元素水平居中前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t 阅读全文

posted @ 2019-03-01 07:36 桂森滨阅读(609) 评论(0) 推荐(0)

移动端：Flex弹性盒布局

摘要：Flex弹性盒布局一、 Flex的发展史 Flex弹性盒布局一、 Flex的发展史 2009年W3C 提出概念，但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox，来形容它的布局特点二、定义 Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提阅读全文

posted @ 2019-02-28 17:32 桂森滨阅读(744) 评论(0) 推荐(0)

移动端：自适应和响应式布局

摘要：自适应和响应式布局一、自适应自适应主要是指的宽度的自适应百分比的流式布局二、 swiper插件纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果加载插件 swiper.min.js和swiper.min.cs 阅读全文

posted @ 2019-02-28 17:21 桂森滨阅读(2207) 评论(0) 推荐(0)

移动端：移动端基础

摘要：移动端基础一、前端基础 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE -moz-transform:rotate(7deg); // Firefox -webkit-transform:rotate(7d 阅读全文

posted @ 2019-02-28 17:10 桂森滨阅读(330) 评论(0) 推荐(0)

随笔分类 - 移动端