我首次接触响应式网页设计还要从应用bootstrap说起。我们运用bootstrap的网格类简单的将响应式设计带入我们的网页设计当中，当然bootstrap框架其实还做了其他事情以支持网页响应式设计。现在，就让我们一窥响应式网页设计背后的原理。 实现响应式设计的前提:允许网页缩放 <meta nam ...
分类：
Web程序 时间：
2017-07-13 15:59:30
阅读次数：
154
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠 ...
分类：
其他好文 时间：
2017-07-12 16:13:03
阅读次数：
136
一、Bootstrap是什么： Bootstrap是Twitter公司开发的基于HTML，CSS及JavaScript的前端框架； 二、可以做什么： 开发响应式布局和移动设备优先的项目； 三、Bootstrap特性： 响应式设计，栅格布局； 四、常见参考网址： 官方网址：http://getboot ...
分类：
其他好文 时间：
2017-07-11 18:00:53
阅读次数：
431
恢复内容开始 今天总结一下flexbox的用法 它用于受极端的响应式布局，前面涉及的css和html知识不再多说，meta标签一定记住！<meta name="viewport",content="width=device-width,initial-scale=1,minimum-scale=1, ...
分类：
移动开发 时间：
2017-07-08 12:26:33
阅读次数：
349
为什么响应式设计需要媒体查询？ 媒体查询 中可用于检测的媒体特性有 width、height 和 color（等）。使用媒体查询， 可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。 使用媒体查询步骤： 1、在head中引入下面这个meta标签： width = device-widt ...
分类：
Web程序 时间：
2017-07-04 01:07:43
阅读次数：
289
css3 media媒体查询器用法总结 标签：class 代码 style html sp src 随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆 ...
分类：
Web程序 时间：
2017-06-30 18:46:24
阅读次数：
262
简介 pbTouchSlider 是一款基于 jquery 的滑动响应式幻灯片插件，它除了一般幻灯片基本的如箭头控制、圆点控制、缩略图功能外，还支持响应式设计和滑动控制，同时 pbTouchSlider 还可以针对平板、手机设备分别设置高度，这使得 pbTouchSlider 能够适应各种设备。 查 ...
分类：
Web程序 时间：
2017-06-20 14:54:45
阅读次数：
173
CSS3引入了新的网格布局（grid layout）。以适应显示和设计技术的发展（尤其是移动设备优先的响应式设计）。主要目标是建立一个稳定可预料且语义正确的网页布局模式，用来替代过往表现不稳定且繁琐的table、flow以及JS脚本混合技术来实现的网页动态布局。本文将简单而准确的介绍网格布局属性的基 ...
分类：
Web程序 时间：
2017-06-14 20:17:02
阅读次数：
270
(0)写在前面 讲述知乎上看到的一篇文章中的一个案例，让我脑洞大开，佩服至极，特意第二天找到原文赞赏了 5元，原文地址https://zhuanlan.zhihu.com/p/27258076，案例用了很多css3的属性。(1)效果演示 (2)知识点及效果 上述为简易代码 display: flex ...
分类：
Web程序 时间：
2017-06-13 22:46:21
阅读次数：
362
概述屏幕分辨率、设备像素（device-width）和CSS像素（width）这些术语，在非常多语境下。是可互换的，但也因此easy在有差异的地方引起混淆，实际上它们是不同的概念。屏幕分辨率和设备像素是物理概念，而CSS像素是WEB编程的概念；屏幕分辨率和设备像素的区别在于设备像素显示密度。当设备屏 ...
分类：
Web程序 时间：
2017-06-06 13:10:03
阅读次数：
300
