十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
手机页面最好不要用实打实的宽的来写,不同手机上面的宽度显示是不同的。百分比是最好的选择,或者你写成响应式
成都创新互联公司专注于网站制作、成都网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户,用严谨的态度对待客户,用专业的服务创造价值,成为客户值得信赖的朋友,为客户解除后顾之忧。
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框架,可以去看看。应该无非就是用百分比代替写死的像素大小。。
通过原图和缩放图的大小比例来计算,在缩放图上的截取原图应该取多大,以及位置。