[转]走向视网膜（Retina）的Web时代

【[转]走向视网膜（Retina）的Web时代】的更多相关文章

web时代变迁及html5与4的区别

HTML5的新结构标签在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器等等.也就是说整个HTML文档结构定义不清晰,HTML5中为了解决这个问题,专门添加了:页眉.页脚.导航.文章内容等跟结构相关的结构元素标签. 在讲这些新标签之前,我们先看一个普通的页面的布局方式: 上图中我们非常清晰的看到了,一个普通的页面,会有头部,导航,文章内容,还有附着的…

[转]走向视网膜（Retina）的Web时代

转载出处:http://www.w3cplus.com/css/towards-retina-web.html 维基百科将Retina译为“视网膜”."Retina"一词,原意是“视网膜”的意思,指显示屏的分辨率极高,使得肉眼无法分辨单个像素. 苹果的“iPhone4”和"new iPad"以及“Macbook Pro”中已经使用了Retina(视网膜)技术.这是一种新的屏幕的显示技术.苹果表示,Retina屏幕是一种具备超高像素密度的液晶屏,它可以将960x640…

在ubuntu上安装nodejs[开启实时web时代]

作为一名菜鸟,竟然在centos桌面上连输入命令行的地方都找不到,是在是对不起开山祖师,最后苍天不负苦心人,在ubuntu上找见了 [安装过程参考了http://cnodejs.org/topic/4f16442ccae1f4aa270010b5,] NODEJS的特点:Node.js的使用事件驱动,非阻塞I / O模型,使得它重量轻,高效,完美的数据密集型实时应用程序运行在分布式设备,在实时web应用上有很强的竞争力第一步:安装依赖包 1. 安装python 2.6版或者更高(ubuntu默…

960网格，一个web时代的标志。

如果你不知道什么是CSS框架,可以回顾我的文章 css框架,一把锋利的剑闲言少叙,废话不说,直入正题: 1.什么是CSS框架? 正如之前说的: CSS框架是一种你能够使用在你的web项目中概念上的结构,是别人已经写完的,而且很完善的CSS定义集合.CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置 2.CSS框架的种类:…

通过media媒体查询设置ie7/8样式、使用media判断各机型、手淘flexible.js

@media all and (min-width:1280px){ /* 所有设备宽度大于1280干嘛干嘛嘞... */ body{ background:#f00; } } @media (min-width:1280px){ /* 所有设备宽度大于1280干嘛干嘛嘞... */ body{ background:#f00; } } 其中all and可省略 @media print{ /*打印时设置的样式*/ body{ background:pink; } } 插曲: Lake Hill…

移动端视网膜（Retina）屏幕下1px边框线解决方案

原因: 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的retina屏下会显示成2px. 但在IOS8中,已经支持0.5px了,那就意味着, 在devicePixelRatio=2的时候,我们可以使用如下的css: div{ border:1px solid #000; } @media (-webkit-min-device-pixel-ratio: 2) { div{ border:0.5px solid #000; } } 但在ios7以…