面对日新月异的互联网时代，层出不穷的技术逐渐出现。用户浏览网站的体验需求变得更加苛刻。对于以前来讲，做网站只要把PC端做好就可以了，但是对于现在上网的设备种类繁多，越来越多用户使用移动端来进行上网。面对移动端不同屏幕分辨率的设备，响应式设计是网站建设当之无愧的标准配置。为什么越来越多人都采用响应式设 ...
分类：
Web程序 时间：
2017-01-03 15:39:59
阅读次数：
339
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度 ...
分类：
其他好文 时间：
2016-12-29 08:14:01
阅读次数：
148
个人收藏用，转载自：http://www.w3cplus.com/css3/define-font-size-with-css3-rem 在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Fon ...
分类：
Web程序 时间：
2016-12-14 21:49:48
阅读次数：
350
今天，我给小白们分享一下比较流行的Bootstrap框架，它在工作中得到许多公司的青睐，因此对于升职和加薪很重要。同时，我们可以快速完成开发任务，减少发开周期，有不对的地方望大家指正。 如果你想走的更远，那么请勤劳一点，多看看代码，多多练习代码，如果你仔细研究代码，自己也可以写出一部分的css比较好 ...
分类：
其他好文 时间：
2016-12-14 01:34:32
阅读次数：
271
一、设置基础字号 js根据当前的宽度设置 html的font-size = 当前宽度/n （n为希望设计为n等分宽度。） 比如： 希望设计10等分宽度，那么假定宽度为320px 时，html的font-size为320/10 = 32px; 则 js 可以写成 html-font-size = 32 ...
分类：
其他好文 时间：
2016-12-12 19:42:06
阅读次数：
146
总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 这段代码的几个参数解释： width = device-width：宽度等于当前设备的宽度 initial-scale： ...
分类：
Web程序 时间：
2016-11-26 11:58:21
阅读次数：
279
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的 ...
分类：
Web程序 时间：
2016-11-24 09:28:22
阅读次数：
195
Hybrid App现状分析Web App毫无疑问Web App就是成本最低，最快速地解决方案了。尤其是近两年非常流行的响应式设计，Web App市场提供了非常好的实践场地。最近典型的Web App最...
分类：
移动开发 时间：
2016-11-20 00:14:16
阅读次数：
271
响应式设计，用一句话概括就是针对任意设备对网页内容进行完美布局的一种显示机制。利用HTML5和CSS3就更加如虎添翼。下面就具体来看看。 ...
分类：
其他好文 时间：
2016-11-13 02:09:21
阅读次数：
130
从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见，谈谈响应式设计的一些现状和趋势。 ...
分类：
其他好文 时间：
2016-11-10 02:35:23
阅读次数：
206
