最近在卓手机网页，第一次入手。把要用到的相关东西整理记录下来。一、http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html介绍如下二、允许网页宽度自动调整"自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，...
分类：
移动开发 时间：
2015-07-08 12:30:58
阅读次数：
181
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
分类：
Web程序 时间：
2015-06-18 00:39:01
阅读次数：
145
传统的网站如何完成向移动设备的快速转型？ 通过移动适配技术可以实现，切图网是国内首家基于web技术服务的公司，而移动适配主要通过底层的web技术开发手段来完成，下面切图网将从技术角度来告诉你通过7个步骤来完成一个PC网站向移动设备的跳跃！1允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实...
分类：
移动开发 时间：
2015-06-17 23:01:35
阅读次数：
161
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽..
分类：
Web程序 时间：
2015-06-15 00:28:00
阅读次数：
144
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2015-05-23 09:58:32
阅读次数：
113
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-sc...
分类：
移动开发 时间：
2015-05-12 18:42:08
阅读次数：
123
响应式 vs 自适应网页设计它们看起来似乎是相同的，但事实并非如此。这两种方法相辅相成，并没有说哪个是正确的那个是错误的，内容决定一切。内容流动随着屏幕尺寸变小，内容将会占据更多的垂直空间，而下方的内容就会被接着往下推，这就是所谓的流动。如果你是使用像素和磅来进行设计的，这可能会有点棘手，但是当你习...
分类：
Web程序 时间：
2015-05-03 18:49:17
阅读次数：
139
关於 RWD (Reponsive Web Design 自适应网页设计) 的一点心得
常说
One approach isn't necessarily better than the other. You have to pick the approach that works best with your personality (or your team's person...
分类：
Web程序 时间：
2015-04-17 11:35:48
阅读次数：
155
云适配：http://www.yunshipei.com/网页自适配已经成为网站的不二之选，自适配是帮助传统网站快速抓住移动互联网这根稻草的有效解决方案，切图公司首个推出网页适配解决方案——微适配。并且揭露技术上网页适配的实现原理。允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实并不难。...
分类：
Web程序 时间：
2015-04-08 12:43:09
阅读次数：
137
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-...
分类：
移动开发 时间：
2015-04-05 20:20:28
阅读次数：
169
