售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

制作手机网站双击屏幕放大浏览图片失真解决办法 -

网站编辑:小润 | 发表时间:2019-02-03 16:51:34

现在移动网站已经成为了主流,随着可以上网的电子产品的越来越多,移动网站也就显得尤为重要。因为手机网站在浏览时,可以双击放大浏览,这样就导致原来正常尺寸大小的图片在放大后可能会看起来有点失真,也就是有点虚。如何解决这个问题?

原因:
我们亲身体会过这个问题,因为头一个手机网站在制作时就被这个问题困扰了很长时间。原因无它,就是因为做手机网站时跟制作电脑网站一样先把网页效果图处理成需要的尺寸大小,然后切图做成网页,再加上程序,这就导致,所有用到的图片大小都是跟网站框架一样的大小。然后一放大自然就失真了。

解决:
一般手机网站宽度尺寸建议做成320px的,因为这个宽度可以保证大部分手机都可以正常完美显示。那我们就以320px宽为例。在制作手机网站时,设计的效果图片比这个大出一倍做成640px宽的(如果想放特别大还清楚,就再做大点),在做程序时,把图片用css固定的缩小一倍,这样的做法可以完全保证在320宽的上面显示正常,而因为图片本身就是大图,所以放大后也不会失真。

其实手机网站跟电脑一样,也是可以做成固定的和做成自适应的两种,但后者做起来比较麻烦,费用费用也高。而头一种做成固定的就会出现在有一些特别大或特别小屏幕的手机上就会出现内容超出屏幕或者两边有留白情况,一些中小公司网站不必要去纠结非要做成完美的网站,那样无论从成本上还是以后的维护技巧和时间上都会比普通网站要多花费太多,得不偿失。

以上是上海网站建设润壤网络的经验之谈,对于制作手机网站双击屏幕放大浏览图片失真解决办法希望可以为其它同行起到帮助。有需要做移动网站的也可以联系我们在线客服,先做网站后付款的流程,完全可以保障您的网站质量。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130