modernizr

I want to use Modernizr to detect whether a user is view a site on a desktop, tablet or mobile device. My initial first thoughts are obviously to check screen sizes that should be enough for mobile devices and also for larger desktops. For tablet devices where the screen size could also equal that of a small desktop screen (1024 x 768) I would test for touch events as well. At this time I would like to focus on mobile/tablet devices that, as jQuery mobile puts it are, A-grade. I am not looking to tap in to any specific mobile device features simply detect desktop, tablet or mobile and serve up

I'm in the process of developing a new site and have decided to use Modernizr for the first time. I'm fairly sure of the general gist of how it works however, I was looking for some advice regarding the best practise when it comes to loading jQuery and then running jQuery code. I currently have the following that is loaded as the last item on my page: Modernizr.load([ { load: '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', complete: function(){ if( !window.jQuery){ Modernizr.load('/scripts/jquery-1.11.1.min.js'); } } }, { load: '//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js

This question already has an answer here: What advantages does using (function(window, document, undefined) { … })(window, document) confer? [duplicate] 4 answers Going around Modernizr source code I have found strange thing: window.Modernizr = (function(window,document,undefined) { After that this function will be called with two arguments ( this, this.document ). Why undefined is used here? Is it meaningful or it's just strange code-style? Creates a local undefined in case someone redefines undefined somewhere in the scope chain. Also provides a faster lookup since undefined is a global

I'm looking to build my first HTML5 site and have been looking at working with IE. There is html5shiv, Dean Edwards ie7-js and then Modernizr. Are these all largely the same? I'm confused about which route to go. No, they're not the same at all; they do completely different things. html5shiv allows you to use the new HTML5 tags in versions of IE that don't understand them. Without it, IE will choke on these tags, so you need this if you intend to use the tags. Don't expect it to make the tags actually do anything in IE though! It just stop the browser complaining about them. modernizr sets a

1. meta viewport: 阻止移动浏览器自动调整页面大小: <meta name='viewport“ content="width= device-width,initial-scale=2.0，user-scalable=no"> <meta>标签中可以设置具体的宽度（如像素值）或者缩放比例如2.0（设备实际尺寸的两倍 user-scalable=no 即是禁止缩放。 最好设成initial-scale=1.0。 2. 媒体查询： 媒体查询只能为我们提供自适应设计效果，不能真正实现响应式设计。对于响应式设计来说，媒体查询是必需的 ,更需要流式布局。@media screen and（max-width：380px）{body{background-color:red;}}， @media screen and（min-width：700px） 3. 什么是流式布局？P57 使用相对宽度，相对像素，而不是使用固定像素。 width = 23% percent, 大起作用。 字体 px 换成 em 等等。 4. 妮子脚本： modernizr 页面中引入妮子脚本后，页面中用firebug 看到head 中加入很多属性 ，这时候在页面中加的css 如果包含这个属性 就执行，如果不包含就执行no-属性 例子： .boxshadow #tel { box-shadow: