摘要:
阅读全文
摘要:
昨天中午Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,这里我将该讲座内容简要的整理一下。 1、在HTML头部增加viewport标签。 在网站HTML文件的开头,增... 阅读全文
摘要:
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达... 阅读全文
摘要:
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,... 阅读全文
摘要:
是什么意思呢?网页中常常看见有这样的标记,他们是清浏览器缓存用的啊,记录下来,方便以后查询,以免忘记 PS:清除浏览器中的缓存,它和其它几句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。 阅读全文
摘要:
在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如元素,也包括窗口和屏幕。这篇文章我们来聊聊关于移动浏览器的内容。如果你对移动开发完全是一个新手的话,我建议你先读一下第一篇关于桌面浏览器的文章,先在熟悉的环境中进行下热身。移动浏览器的问题当我们比较移动浏览器... 阅读全文
摘要:
在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如元素,也包括窗口和屏幕。这篇文章是关于桌面浏览器的,其唯一的目的就是为移动浏览器中相似的讨论做个铺垫。大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念。在移动端我们将会接触到相同的概念,但是会更加复杂,所... 阅读全文
摘要:
这种方式做的移动Web页面,设计稿通常是按照960*640的规格进行设计,再开发的时候,通常会把里面量到的尺寸缩小一半再开发。移动web端页面设置详解涉及到了移动设备(ios, android)的屏幕尺寸问题,device-width指的是设备的物理宽度,width是页面宽度,这么做是为了兼容更多的... 阅读全文