做好笔记方便日后查阅o(╯□╰)o bootstrap简介: ? 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。 ? 基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。 ? ...
分类:
其他好文 时间:
2016-08-12 00:56:31
阅读次数:
168
在线预览 源码下载 lightgallery.js是一款纯JavaScript轻量级响应式lightbox插件。该Lightbox插件支持图片,视频,iframe等多种媒体。支持全屏,导航,缩放,下载等功能,还支持多种动画过渡效果。lightgallery.js的特点还有: 完全响应式设计。 内置插 ...
分类:
Web程序 时间:
2016-08-08 14:14:56
阅读次数:
2523
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的 ...
分类:
Web程序 时间:
2016-08-05 13:26:40
阅读次数:
230
一、什么是响应式设计 维基百科是这样对响应式作的描述:“Responsive设计简单的称为RWD,是精心提供各种设备都能浏览网页的一种设计方法,RWD能让你的网页在不同的设备中展现不同的设计风格。” 响应式布局设计要考虑到元素布局的秩序,需要满足三个条件: 网站必须建立在灵活的流体网格基础上 流体网 ...
分类:
其他好文 时间:
2016-08-03 21:57:28
阅读次数:
129
写在前面 去年上半年,我开始着手推动项目中响应式设计的落地。以官网优化需求为契机,主动去做了响应式的页面设计,也说服了产品、设计和开发的相关同事一起把它上线落实,但不幸的是,由于各种方面的原因,比如,生搬硬套的PC模块,无差异化的设计使得移动端阅读不佳,导航兼容性有限等等原因,上线几个月后又悄然下线 ...
分类:
Web程序 时间:
2016-07-30 16:39:12
阅读次数:
166
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的 蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计 ...
分类:
Web程序 时间:
2016-07-15 19:33:42
阅读次数:
225
响应式设计 响应式设计可根据所显示的屏幕大小而改变, 它呈现的每个屏幕看起来并不相同。按照可用的屏幕属性,响应式设计提供了 UI 的最佳效果。 例如,如果网站布局上有一个占据 25% 的屏幕宽度的侧边栏,那么该侧边栏在不同大小的屏幕上的呈现是不同的。该侧边栏在较大的桌面监控器上是宽屏的,在较小的 智 ...
分类:
Web程序 时间:
2016-07-14 10:11:41
阅读次数:
504
媒体查询如何适配不同设备?css3的新特性响应式布局,通过@media screen and (min-width: ) and (max-width: ) {};来实现页面的响应式设计,来适应不同的终端。需在头部添加:<meta name="viewport" content="width=dev ...
分类:
其他好文 时间:
2016-07-14 01:51:00
阅读次数:
102
前端-响应式 1.什么是响应式设计? 响应式设计就是在网站开发过程中根据用户操作以及设备的环境进行相应的操作和布局,让网站针对不同系统平台、屏幕尺寸、屏幕定向等进行智能化调整,进行相对应的布局,如在pc端、iphone、Android、ipad,实现了在智能手机和平板电脑等多种智能移动终端浏览效果的 ...
分类:
其他好文 时间:
2016-07-13 11:46:44
阅读次数:
187
1.什么是响应式设计? 响应式设计就是在网站开发过程中根据用户操作以及设备的环境进行相应的操作和布局,让网站针对不同系统平台、屏幕尺寸、屏幕定向等进行智能化调整,进行相对应的布局,如在pc端、iphone、Android、ipad,实现了在智能手机和平板电脑等多种智能移动终端浏览效果的流畅,防止页面 ...
分类:
其他好文 时间:
2016-07-12 13:57:42
阅读次数:
120