手机页面最好不要用实打实的宽的来写，不同手机上面的宽度显示是不同的。百分比是最好的选择，或者你写成响应式
成都创新互联公司专注于网站制作、成都网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户，用严谨的态度对待客户，用专业的服务创造价值，成为客户值得信赖的朋友，为客户解除后顾之忧。
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/
上面的参数看名知意，按需修改。
楼下正解，就是响应式布局（RWD），可以用一些自动实现的框架，比如bootstrap。
原理我想就是动态css吧，有个东西叫less框架，可以去看看。应该无非就是用百分比代替写死的像素大小。。
通过原图和缩放图的大小比例来计算，在缩放图上的截取原图应该取多大，以及位置。