10 2012 档案

【转】WEB APP 不同设备屏幕下图片适应分辨率
摘要：约翰·格鲁伯：我认为 MobileSafari 不会再逐点对应的渲染图片，因为新旧 iPhone 之间的像素尺寸极为悬殊。 戴夫·海厄特：大多数设计师仍停留在传统的思想：CSS 像素即屏幕像素。然而，当我们进入高 DPI 的世界，用户界面可能被整体放大，一个 CSS 像素会占据多个屏幕像素。 IPHONE 3和 IPHONE 4是最典型的了，图片或ICON，在IPHONE 3能清晰显示的时候，IPHONE 4却会变的很模糊，无奈，只能准备两套图了。好在CSS提供的Media属性，能方便的让我们识别出不同DPI的设备，并以此来应用不同的样式。 首先，看看，常见的IPHONE和 阅读全文
posted @ 2012-10-26 11:46 artwl 阅读(2825) 评论(0) 推荐(0) 编辑
【转】移动浏览器的viewport
摘要：本文主要转自：移动浏览器的viewport，部分内容有补充修改。 对于移动web开发，最好了解一下viewport的概念，在quirksmode.org有两篇文章详细介绍了它，A tale of two viewport(12)，感觉非常好，本来想翻译的，但这两篇文章实在太长了，没耐性，于是抽取了其中重点讲viewport的部分，用半翻译半自己写的方式写出来，这也是为了让自己能够理解得更好一些。其中CSS像素和设备像素的概念，还有js获取各种宽高和位置的内容都没有提及，要想了解得更清楚还是推荐看看那两篇文章。以下图片均来自quirksmode.org。桌面浏览器 先说说桌面浏览器上vi... 阅读全文
posted @ 2012-10-26 10:56 artwl 阅读(1000) 评论(0) 推荐(1) 编辑

个人简介

var ME = {
	"name": "土豆/Artwl",
	"job": "coding",
	"languages": [
		"JS", "HTML",
                "CSS", "jQuery"
		"MVC",".NET",
		"设计模式"
	],
	"hobby": [
		"阅读", "旅游",
		"音乐", "电影"
	]
}
TOP