会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
下雨天的太阳
Hello,WD.
博客园
首页
新随笔
联系
订阅
管理
2016年8月18日
更专业的使用chrome开发者工具
摘要: 原文链接在此https://medium.com/jotform-form-builder/how-to-use-chrome-devtools-like-a-pro-b9bd414870e3 如你所想Chrome DevTools 是一个允许Web开发人员通过浏览器干扰和操控web 应用,有了这个
阅读全文
posted @ 2016-08-18 11:01 下雨天的太阳
阅读(218)
评论(0)
推荐(0)
2016年8月17日
移动端0.5像素0.5像素边框0.5像素圆角边框
摘要: 0.5像素线条: 0.5像素边框: 0.5像素圆角边框:
阅读全文
posted @ 2016-08-17 18:24 下雨天的太阳
阅读(738)
评论(0)
推荐(0)
2016年8月16日
箭头样式形成,斜切角的思路
摘要: 直角箭头: 圆角箭头: 斜切角思路:
阅读全文
posted @ 2016-08-16 10:00 下雨天的太阳
阅读(495)
评论(0)
推荐(0)
2016年8月15日
移动端touch事件
摘要: 当用户手指放在移动设备在屏幕上滑动会触发的touch事件 webkit: touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指 touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面,会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚
阅读全文
posted @ 2016-08-15 15:53 下雨天的太阳
阅读(2457)
评论(0)
推荐(0)
viewport模板
摘要: 通用模板: 模板2 android 2.3.5以下版本不支持, - target-densitydpi=device-dpi;
阅读全文
posted @ 2016-08-15 15:39 下雨天的太阳
阅读(156)
评论(0)
推荐(0)
css样式--flex布局[css3]
摘要: 说起css3就必须提到flex布局,特别是在移动端领域,用得非常多,这里写了一套flex布局兼容(并非全兼容),自己用过之后感觉良好; 两端对齐可以用这种方法: 使用注意: flex下的子元素必须为块级元素,非块级元素在android2.3机器下flex失效 flex下的子元素宽度和高度不能超过父元
阅读全文
posted @ 2016-08-15 15:32 下雨天的太阳
阅读(513)
评论(0)
推荐(0)
移动端常用框架(陆续更新...)
摘要: zepto.js 语法与jquery几乎一样,会jquery基本会zepto~ 最新版本已经更新到1.16 官网:http://zeptojs.com/ 中文(非官网):http://www.css88.com/doc/zeptojs_api/ 常使用的扩展模块: 浏览器检测:https://git
阅读全文
posted @ 2016-08-15 15:18 下雨天的太阳
阅读(201)
评论(0)
推荐(0)
移动端屏幕旋转的事件和样式方案。
摘要: 很多时候,当用户在移动端体验产品时,难免会触发手机系统的横屏指令,不可否认,横屏确实可以给用户带来更好的用户体验。 这里提供一些思路,我们给window.orientation取值,正负90表示横屏模式、0和180表现为竖屏模式; 样式可以这样写:
阅读全文
posted @ 2016-08-15 15:09 下雨天的太阳
阅读(1615)
评论(0)
推荐(0)
active:移动端触摸按钮的效果。
摘要: 移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个很好的用户体验。 但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,这个时候我们就可以激活移动端css的active效果。 方法很简单:在body上添加ontouchstart,即可激活移动端css的active效果;
阅读全文
posted @ 2016-08-15 14:55 下雨天的太阳
阅读(3463)
评论(0)
推荐(0)
移动端字体单位该使用px还是rem?
摘要: 对于只需要适配少部分手机设备,分辨率对页面影响不大的,使用px即可, 对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。 rem配置参考,适合视觉稿宽度为640px的:
阅读全文
posted @ 2016-08-15 14:46 下雨天的太阳
阅读(4128)
评论(0)
推荐(0)
下一页
公告