今天是到新公司的第五天，开始看手头的项目。我做的产品类似于网易的一元购产品。有安卓和ios平台和H5网站，一共三个渠道。首先，在代码中，headhead导入的flexible.js。（ps：这到底是什么感觉？不知道是干嘛用的，作为一个工作快一年半的前端新手，除了响应式页面，没做过real手机H5页面还没出来，我很着急2333333。）好了，废话不多说，下面进入正题。比如今天收到一个ui妹子的设计图，对手机尺寸的各种规格不是很清楚。一般据我所知，宽度一般是750px。如何分片写css？详情请访问（http://www.jb51.net/article/7...，以下内容转载于此）。iphone6的宽度是375pt。由于视网膜屏幕，切片与通常的网络切片不一样。解决retina屏问题的可行方案是（以750px*1334px的设计稿为例）：1）当devicePixelRatio<=2时，图片统一使用750设计稿2）当devicePixelRatio>=2时，图片统一采用750*1.5=1125，也就是@3x设计稿所谓的抠图。将美工按照750*1334的设计稿裁剪的图片全部放在img/@2x文件夹下。然后请美工将750设计稿矢量图放大1.5倍，然后按照同样的切图要求提供@3x切图，放在img/@3x文件夹下：用完这个js，不要写
