rpx是微信小程序新推出的一个单位,按官方的定义,rpx可以根据屏幕宽度进行自适应,在rpx出现之前,web页面的自适应布局已经有了多种解决方案,为什么微信还捣鼓出新的rpx单位?在解释这个单位前,我们先简单了解一下目前的主流的自适应布局解决方案: 响应式(Responsive web design ...
分类:
微信 时间:
2016-10-20 00:03:20
阅读次数:
354
bootstrap组件 缩略图 media-list>>media>>row>>分隔板块>>在此期间图片要记得写class为img-responsive还有其他的别的属性如media-body等等列表组 list-group>>list-group-item/bage 面板 panel>>panel ...
分类:
其他好文 时间:
2016-10-19 03:04:53
阅读次数:
219
还是使用js来移动 首先要定位到这个元素 倾向于使用js来定位元素,输入下面的脚本,按下回车键,即可在调试页面看到对应的div块$("div.table-responsive") 滚动方法使用scrollLeft()$("div.table-responsive").scrollLeft(1000) ...
分类:
移动开发 时间:
2016-10-15 19:31:16
阅读次数:
1397
level2 responsive design rows: columns: we can use multiple columns: we can use .col-md-* we can do something like this Adding row, make code easier t ...
分类:
其他好文 时间:
2016-10-14 13:55:30
阅读次数:
181
chrome,firefox提供了"Device Emulation"功能,可模拟常见的各种浏览设备 android ADT或ios Xcode附带的设备模拟器,或第三方在线测试工具www.browerstack.com Responsive Web Design:响应式/自适应网页设计 流式网格布 ...
分类:
移动开发 时间:
2016-10-14 12:05:59
阅读次数:
682
html css 参考资源博客 CSS - TRICKS ...
分类:
其他好文 时间:
2016-10-12 19:44:26
阅读次数:
242
原文链接:http://caibaojian.com/modernizr-js.html modernizr这个JS,在国外的主题里面很多地方都看到,就只记得是为html补充的,有点类似与responsive.js一样。今天搜索到这篇文章,深入的讲解了modernizr.js是为检测浏览器的css3 ...
分类:
Web程序 时间:
2016-10-10 14:14:25
阅读次数:
172
★背景: 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及 ...
分类:
其他好文 时间:
2016-10-06 20:05:53
阅读次数:
367
★背景: 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及 ...
分类:
其他好文 时间:
2016-10-04 21:05:04
阅读次数:
273
Learn how to use CSS columns to quickly lay out fluid columns that are responsive, degrade gracefully and don't require extra markup. Notes: column-wi ...
分类:
Web程序 时间:
2016-10-02 17:29:34
阅读次数:
193