一、第一步:Meta标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。...
分类:
其他好文 时间:
2014-11-21 16:48:15
阅读次数:
197
微软终于开源了,最近在第九频道(Event—Visual Studio)下面出来一系列关于vs2015的视频,介绍vs2015以及.NET5.0的新特性等,现针对其讲解的.NET和ASP.NET,进行介绍。 本篇课程主要是为了介绍vs2015开发响应式web更具便捷性,通过借助bootstrap,开...
分类:
其他好文 时间:
2014-11-18 00:15:36
阅读次数:
261
ASP.NET MVC5&微信公众平台整合开发实战(响应式布局、JQuery Mobile,Windows Azure、微信核心开发)课程分类:ASP.NET MVC适合人群:中级课时数量:29课时用到技术:深入MVC开发模式、C#核心语言特性、C#核心语言特性(二)、视图引擎Razor涉及项目:体...
分类:
微信 时间:
2014-11-17 15:35:46
阅读次数:
332
博客地址:http://blog.coolmore.me 由于比较挫,就模仿豆瓣fm做了个主题,而且不是响应式布局。 蛋疼的还用iframe嵌入了豆瓣的东西。哈哈。不是商业用途没事吧? 欢迎光临。
分类:
Web程序 时间:
2014-11-17 10:53:18
阅读次数:
193
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋...
分类:
其他好文 时间:
2014-11-13 16:31:02
阅读次数:
173
1
Bootstrap是移动设备优先的。
通过添加.img-responsive class可以让Bootstrap 3中的图片对响应式布局的支持更友好。
使用.col-md-offset-*可以将列偏移到右侧。...
分类:
其他好文 时间:
2014-11-09 15:17:35
阅读次数:
152
在这个以手机、平板和电脑为中心的互联网时代。为了提高用户体验度,让页面适应不同屏幕的分辨率成了我们写页面时最至关重要的问题。CSS3中的媒体查询功能很好的帮我们解决了这一问题,它可以根据屏幕的大小进行上扩和下扩呈现给用户一个可用的界面。 刚开始接触媒体查询这个功能,我一边感慨它的强大,一边焦虑着我....
分类:
Web程序 时间:
2014-11-07 23:28:39
阅读次数:
221
最近在做响应式布局的页面,在开发测试过程中,为了看到页面在不同尺寸的窗口中的表现,因此要不停的拖动浏览器来改变其窗口大小;开始在Chrome浏览器下查看页面,拖动了几次,感觉电脑明显的卡了下来,刚开没有在意,后来打开任务管理器看了下,不停的改变浏览器窗口大小时,内存使用会骤然增加,并且不关闭浏览器窗...
分类:
其他好文 时间:
2014-11-07 16:17:49
阅读次数:
174
在这篇文章中,我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy!
分类:
其他好文 时间:
2014-11-07 09:51:22
阅读次数:
230
MediaQueries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:在我们没有接触css3之前或许都不知道这些引入后面的media是什么意思,在css3中有一个巨大的作用就是响应式布局,在这里的media的意思就是表示在此处的布局就是采用的响应式布局,顾名思义...
分类:
Web程序 时间:
2014-11-05 09:14:59
阅读次数:
214