When the screen size is small, we can use "no more table" solution. So instead of render table is row layout, we render it in column layout. Given the ...
分类：
Web程序 时间：
2018-02-20 22:25:00
阅读次数：
268
Static 静态布局 Liquid 流式布局 Adaptive 自适应布局 Responsive 响应式布局 Static 静态布局 Liquid 流式布局 Adaptive 自适应布局 Responsive 响应式布局 示例网站：点击查看 ...
分类：
其他好文 时间：
2018-02-18 19:44:45
阅读次数：
141
1. 是不是觉得图片太大了?是不是觉得如果图片的尺寸刚好能适应手机屏幕宽度就好棒棒? 其实很简单的，通过Bootstrap，我们只要给图片添加 img-responsive 的class属性,图片的宽度就能自动适配你手机屏幕的宽度啦。 2. Bootstrap除了可以使图片自适应以外,还可以很简单的 ...
分类：
其他好文 时间：
2018-01-29 22:39:26
阅读次数：
315
在全面进入互联网时代后，随着各种移动设备的普及，移动互联网更加受到大众的青睐。由于移动互联网的使用量远远超出了传统互联网的使用量，移动设备也正在逐渐超越桌面设备。因为用户在移动设备上的使用习惯不同，UX设计师无法将桌面设备上的网页排版原封不动地复制到移动设备上，这会使用户在网页的操作和阅读上十分不方 ...
分类：
Web程序 时间：
2018-01-29 16:06:28
阅读次数：
194
ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在内的几乎所有的浏览器，在IE6中还支持最大宽度属性，但在其它浏览器中并不原生支持。你需要做的只是链接 ...
分类：
Web程序 时间：
2018-01-23 00:47:46
阅读次数：
397
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 浏览器窗口变小... 2018-01-13 留个问题，可以思考一下。 1 浏览器的大小在一个范围内持续变化，但是图片的大小却不随之改变，这是为什么？ ...
分类：
其他好文 时间：
2018-01-13 22:27:28
阅读次数：
137
礼悟： 公恒学思合行悟，尊师重道存感恩。叶见寻根三返一，江河湖海同一体。 虚怀若谷良心主，愿行无悔给最苦。读书锻炼养身心，诚劝且行且珍惜。 代码 效果 Bootstrap，优秀的前端开源框架，值得学习。学习资源：v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如 ...
分类：
其他好文 时间：
2018-01-13 22:22:43
阅读次数：
1934
rpx（responsive pixel）:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。建议： 开发微信小程序时设计师可以以i ...
分类：
微信 时间：
2018-01-11 20:37:51
阅读次数：
247
Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： <body> <div class="table-responsive"> <table class="table table-bordered table-hover " style="tex ...
分类：
其他好文 时间：
2018-01-05 19:09:26
阅读次数：
172
<div class="table-responsive"> <table class="table text-nowrap"> <thead> <tr> <th> ... </th> .... </tr> </thead> <tbody> <tr> <td> ... </td> .... </tr ...
分类：
其他好文 时间：
2017-12-20 13:39:44
阅读次数：
97
