webapp - 随笔分类(第2页) - dtdxrk

rem设置网页字体大小

摘要：「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。这样一个新的单位兼容性如何呢？IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持... 阅读全文

posted @ 2015-04-16 17:01 dtdxrk 阅读(639) 评论(0) 推荐(0)

Meta标签中的viewport属性及含义

摘要：Viewport DEMO一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：这段代码的意思是，让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。一都主流的web app都是这么设置的，它的作用其实是故意舍弃viewport，不缩放页面，这样dpi肯定和... 阅读全文

posted @ 2015-02-26 17:21 dtdxrk 阅读(1344) 评论(0) 推荐(0)

Meta标签中的format-detection属性及含义

摘要：format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：也可以连写：下面具体说下每个设置的作用：一、telephone你明明写的一串数字没加链接样式，而iPhone会自动把... 阅读全文

posted @ 2015-02-26 17:02 dtdxrk 阅读(3943) 评论(0) 推荐(1)

CSS3 Media Queries

摘要：CSS Media Queries直译过来就是“媒体查询”，我们可以通俗易懂的理解为根据媒体设备展示不同的样式。例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以呈现不同的界面外观。看下这个在线演示，调整你的浏览器窗口尺寸，... 阅读全文

posted @ 2015-02-26 16:09 dtdxrk 阅读(388) 评论(0) 推荐(0)

zepto获取select元素当前选中option

摘要：//jQuery$("#select_city").find("option:selected");//zepto$("#select_city option").not(function(){ return !this.selected }) 阅读全文

posted @ 2015-01-27 09:44 dtdxrk 阅读(1073) 评论(0) 推荐(0)

Html5新标签解释及用法

摘要：HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe... 阅读全文

posted @ 2015-01-22 10:31 dtdxrk 阅读(230) 评论(0) 推荐(0)

JavaScript获取手机屏幕翻转方法

摘要：/*屏幕翻转*/ window.addEventListener(window['onorientationchange'] ? 'orientationchange' : 'resize', function(){ //do someing... }, false); 阅读全文

posted @ 2014-11-06 19:29 dtdxrk 阅读(1424) 评论(0) 推荐(0)

【JQuery Zepto插件】图片预加载

摘要：屏幕滚动到图片当前位置加载图片，把图片的真实地址写到data-src属性里即可。 ;(function(){ /* 图片预加载 @author liuming @demo $('img[data-src]').ImgLoading(); */ $.fn.I... 阅读全文

posted @ 2014-11-03 23:11 dtdxrk 阅读(824) 评论(0) 推荐(1)

禁止浏览器上下拖拽方法

摘要：在触屏写的一些弹层总会引发不同浏览器里面的bug。比如下图左侧窗口出现的时候，用户在拖拽右侧的body区域就会在某些浏览器里引发一些bug。索性干掉这个方法，在弹层显示时不让用户拖拽页面。引用的方法//body一屏显示禁止上下拖拽setPreventDefault.start();//取消事件set... 阅读全文

posted @ 2014-10-16 10:46 dtdxrk 阅读(1867) 评论(0) 推荐(0)

Js控制iphone端的input/textarea元素失去焦点时隐藏键盘

摘要：问题的原由同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？”我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。IPHONE系统在点击document时textarea为什么没有... 阅读全文

posted @ 2014-04-23 15:15 dtdxrk 阅读(8362) 评论(1) 推荐(1)

随笔分类 - webapp