随着Responsive设计的流行,Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择,让站点在不同的设备中实现不同的效果。这个早前在 w3cplus已经介绍过,如果你还没有接触,不仿点击这里详细阅读。今天在看blog时发现一个其他的使用方法,就是利用 ...
分类:
其他好文 时间:
2016-04-11 18:42:55
阅读次数:
142
1.幻灯片 FlexSlider2 An awesome, fully responsive jQuery slider toolkit http://flexslider.woothemes.com/ Flickity Touch, responsive, flickable galleries ...
分类:
其他好文 时间:
2016-04-11 18:27:45
阅读次数:
174
详情请参考原网址:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries 备份文件:http://pan.baidu.com/s/1bpDL4Qz 格式大概如下 作用 “响应式设计(Responsive Design) ...
分类:
Web程序 时间:
2016-04-10 14:22:55
阅读次数:
145
移动前端自适应解决方案和比较 昨天晚上仔细看了这篇文章,写的很好,转载下来,常记于心. 以下文章摘自:前端开发博客 (http://caibaojian.com/mobile-responsive-example.html) 以下为正文: 移动前端自适应解决方案和比较 昨天晚上仔细看了这篇文章,写的 ...
分类:
移动开发 时间:
2016-04-02 17:23:50
阅读次数:
215
第12章 CSS页面布局 网页布局的类型: 固定宽度。不管浏览器窗口的宽度多大,网页内容的宽度始终保持不变。 流式。流式设计采用百分比,它会根据浏览器的宽度(无论有多宽)自动进行调整。网页会随着访问者调整浏览器窗口的大小而变宽或变窄。 响应式Web设计(Responsive Web Degin,RW ...
分类:
Web程序 时间:
2016-03-26 18:44:56
阅读次数:
256
原文:http://webdesignerwall.com/tutorials/responsive-design-in-3-steps翻译:http://xinyo.org自适应网页设计近来很流行,如果你接触比较少请参见 responsive sites。当然,对一个新手来说可能听起来有点复杂,其...
分类:
Web程序 时间:
2016-03-14 18:31:22
阅读次数:
183
此博为转载,原文在:http://caibaojian.com/modernizr-js.html modernizr这个JS,在国外的主题里面很多地方都看到,就只记得是为html补充的,有点类似与responsive.js一样。今天搜索到这篇文章,深入的讲解了modernizr.js是为检测浏览器
分类:
Web程序 时间:
2016-03-11 11:57:09
阅读次数:
309
Check the page:http://www.cssarrowplease.com/ In HTML: {{type}} is tow way binding in Angular, three types: text, data, voice <div class="chart-area {
分类:
其他好文 时间:
2016-02-26 06:55:19
阅读次数:
169
一 、表格中 1. 3增加了响应式表格 为<table>外层div添加.table-responsive类,如果屏幕很窄 此时表格会出现横向滚动条 二、 表单中 1. 3中<label>标签不能省略,即便不想显示在界面中,可以加.sr-only类 2. 官网中基本实例:3内用.form-group类
分类:
其他好文 时间:
2016-02-25 13:38:27
阅读次数:
91
code display :: <!DOCTYPE HTML><html> <head> <link href="bootstrap.css" rel="stylesheet"> </head> <body> <div class="table-responsive"> <table class="
分类:
其他好文 时间:
2016-02-22 17:28:00
阅读次数:
158