希望能有具体的案例可以借鉴下
我们一般是按照显示像素 (640x960) 设计，制作的时候尺寸为设计稿一半，图标或背景按 640x960 来切出。但一般的布局尺寸就不按照一半来做了，会做成自适应的。@fishenal 也给出了些解决方法，还可以参考下淘宝触屏版或其它成熟些的网站。
我的经验有以下几条，希望能帮到你：
设计师在设计的时候要遵照实际像素来设计，比如ios就需要320480 而不要按照显示像素640960
css布局的时候需要按照百分比布局，尽可能避免一切具体值
字体可以根据不同尺寸设定body的值，内部用em来获取
图片是个难题，可以利用mediaquery对小于一定尺寸的图片进行限制，图片尺寸基于主流安卓苹果手机分辨率，ipad可能会略小
响应式布局要设计师的参与，前端工程师可以把常用的分辨率尺寸告知设计师，能用百分比的用百分比，不能的用mediaquery
媒体查询和移动端浏览器尺寸
viewport尺寸