好多肉 - 博客园

2014年9月17日

iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏

摘要： iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏在过去，用 Safari 打开一个网页后是这样的：是不是十分不爽？因为顶部的地址栏与底部的导航栏让页面显得非常拥挤，所以用户常常会马上伸手触屏滑动让它们隐藏起来。始终强调人性化设计的苹果当然注意到了... 阅读全文

posted @ 2014-09-17 09:20 好多肉阅读(194) 评论(0) 推荐(0)

2014年7月10日

webkit内核浏览器的CSS写法

摘要： -webkit-user-select: none设置为无法选择文本-webkit-text-size-adjust 禁用Webkit内核浏览器的文字大小调整功能-webkit-touch-callout: none长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片-webkit-nbsp... 阅读全文

posted @ 2014-07-10 15:13 好多肉阅读(303) 评论(0) 推荐(0)

2014年7月2日

html5开发之viewport使用

摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的... 阅读全文

posted @ 2014-07-02 15:06 好多肉阅读(117) 评论(0) 推荐(0)

2014年6月23日

IE支持background-size

摘要： filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale') 阅读全文

posted @ 2014-06-23 14:50 好多肉阅读(96) 评论(0) 推荐(0)

2014年6月3日

判断浏览器版本

摘要： jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ，取而代之的是 $.support 。在更新的 2.0 版本中，将不再支持 IE 6/7/8。以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。如果要全面支持 IE，... 阅读全文

posted @ 2014-06-03 13:56 好多肉阅读(142) 评论(0) 推荐(0)

2014年5月27日

script元素的onload,onreadystatechange事件

摘要： IE的 script 元素支持onreadystatechange事件，不支持onload事件。FF的script 元素不支持onreadystatechange事件，只支持onload事件。如果要在一个this.readyState的值为'loaded'或者'complete'都可以表示这个scr... 阅读全文

posted @ 2014-05-27 13:50 好多肉阅读(584) 评论(0) 推荐(0)

伪类清楚浮动

摘要： /* 清理浮动 */ .clearfix:after{ content: " "; display: block; height: 0; visibility: hidden; clear: both; font-size: 0;}.clearfix{ ... 阅读全文

posted @ 2014-05-27 13:41 好多肉阅读(130) 评论(0) 推荐(0)

jQuery窗口、文档各种高度的理解

摘要： $(document).height()：整个网页的高度$(window).height()：浏览器可视窗口的高度$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）当网页滚动条拉到最低端时，$(document).height() == $(window).... 阅读全文

posted @ 2014-05-27 13:22 好多肉阅读(97) 评论(0) 推荐(0)

css3 - 3D transform 变化

摘要： 3d 视图效果，x/y/z轴的说明图1 rotateX( angle )2 rotateY( angle )3 rotateZ( angle )4 rotate旋转的意思，rotateX旋转X轴，rotateY旋转Y轴，rotateZ旋转Z轴rotateX、rotateY、rotateZ、rotat... 阅读全文

posted @ 2014-05-27 13:15 好多肉阅读(364) 评论(0) 推荐(0)

css写三角

摘要： .container{ position: relative; width: 200px; height: 200px; background: #abcdef; -webkit-border-radius: 20px; -moz-border-radius: 2... 阅读全文

posted @ 2014-05-27 10:55 好多肉阅读(107) 评论(0) 推荐(0)