移动端技术
夏日米米茶
这个作者很懒,什么都没留下…
展开
-
JS禁止屏幕滚动(遮罩层弹出后),移动端+桌面端
如果想让遮罩层弹出后,屏幕不能滚动,可以设置 body 的样式:overflow:hidden;单独设置body的样式只能在桌面浏览器内起作用,移动端并不管用,还需要给 html 元素也设置一样的样式,并且都加上:height:100%下边是给出 jQuery 的设置方法:$('body,html').css({'overflow':'hidden', 'height':'100...原创 2019-10-29 17:22:09 · 894 阅读 · 3 评论 -
让zepto和jquery可以同时使用
在jQuery引用完了后,调用下$.noConflict(),比如:<script type="text/javascript" src="js/jquery.min.js"></script><script>$.noConflict();</script><script type="text/javascript" src="js/zepto.min.js"></script>原创 2015-09-15 18:29:32 · 7980 阅读 · 3 评论 -
[jQuery插件] 移动端整屏滚动的DD Full Screen Slider
DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滚动插件,正因为基于前面两个文件,所以它比较小,不压缩也不到 10KB。DD Full Screen Slider 有一下特点:支持桌面和移动设备 多种方式切换:鼠标滚轮、鼠标拖拽、圆点导航、键盘方向键 支持锚点/哈希 在不支持 CSS3 动画的浏览器中自动回滚使用 jQu原创 2015-11-16 12:16:24 · 2950 阅读 · 2 评论 -
移动端APP设计规范
一般用PS建立画板的尺寸为:750x1334px,原始375x667pt,@2x(iPhone 6 plus的尺寸是1242*2208,原始414x736pt,@3x)字体用:华文细黑、思源黑体、Helvetica头部状态栏(电量条)高度:40px,文字22px头部导航栏高度:88px,左右留空30px,文字32px,图标尺寸44px。底部标签栏高度:98px,文字20px,图标尺...原创 2015-12-30 17:44:14 · 5594 阅读 · 1 评论 -
a:hover伪类在ios移动端浏览器内无效的解决方法
a:active 设置的样式在ios系统的浏览器内显示不出来,看来在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。代码如下:document.body.addEventListener('touchstart',function(){});原创 2016-11-25 17:40:35 · 8812 阅读 · 0 评论 -
css3 media媒体查询器用法总结
转自:http://www.520ued.com/article/53882d7ab992a7c43f5c204b 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一转载 2016-09-12 14:42:50 · 509 阅读 · 0 评论 -
移动端文字大小自适应
移动端由于只需要考虑苹果和安卓系统,所以字体不用设置太多,如无特殊需求,手机端无需定义中文字体,使用系统默认,苹果系统默认中文字体是Heiti SC,android 系统默认中文字体是Droidsansfallback,2个系统的英文字体和数字字体可使用 Helvetica 。body { font-family: "Heiti SC","Droidsansfal...原创 2018-07-24 16:51:08 · 5914 阅读 · 1 评论