網(wǎng)站建設(shè)知識(shí)企業(yè)官網(wǎng)定制開(kāi)發(fā),擁有網(wǎng)站建設(shè)制作的豐富經(jīng)驗(yàn),為企業(yè)提供高質(zhì)量的網(wǎng)站建設(shè)服務(wù)
作者:鵬飛網(wǎng)絡(luò) 時(shí)間:2015-6-7 分類:網(wǎng)站建設(shè)知識(shí)
現(xiàn)在移動(dòng)網(wǎng)站已經(jīng)成為了主流,隨著可以上網(wǎng)的電子產(chǎn)品的越來(lái)越多,移動(dòng)網(wǎng)站也就顯得尤為重要。因?yàn)槭謾C(jī)網(wǎng)站在瀏覽時(shí),可以雙擊放大瀏覽,這樣就導(dǎo)致原來(lái)正常尺寸大小的圖片在放大后可能會(huì)看起來(lái)有點(diǎn)失真,也就是有點(diǎn)虛。如何解決這個(gè)問(wèn)題?
原因:
我們親身體會(huì)過(guò)這個(gè)問(wèn)題,因?yàn)轭^一個(gè)手機(jī)網(wǎng)站在制作時(shí)就被這個(gè)問(wèn)題困擾了很長(zhǎng)時(shí)間。原因無(wú)它,就是因?yàn)樽鍪謾C(jī)網(wǎng)站時(shí)跟制作電腦網(wǎng)站一樣先把網(wǎng)頁(yè)效果圖處理成需要的尺寸大小,然后切圖做成網(wǎng)頁(yè),再加上程序,這就導(dǎo)致,所有用到的圖片大小都是跟網(wǎng)站框架一樣的大小。然后一放大自然就失真了。
解決:
一般手機(jī)網(wǎng)站寬度尺寸建議做成320px的,因?yàn)檫@個(gè)寬度可以保證大部分手機(jī)都可以正常完美顯示。那我們就以320px寬為例。在制作手機(jī)網(wǎng)站時(shí),設(shè)計(jì)的效果圖片比這個(gè)大出一倍做成640px寬的(如果想放特別大還清楚,就再做大點(diǎn)),在做程序時(shí),把圖片用css固定的縮小一倍,這樣的做法可以完全保證在320寬的上面顯示正常,而因?yàn)閳D片本身就是大圖,所以放大后也不會(huì)失真。
其實(shí)手機(jī)網(wǎng)站跟電腦一樣,也是可以做成固定的和做成自適應(yīng)的兩種,但后者做起來(lái)比較麻煩,費(fèi)用費(fèi)用也高。而頭一種做成固定的就會(huì)出現(xiàn)在有一些特別大或特別小屏幕的手機(jī)上就會(huì)出現(xiàn)內(nèi)容超出屏幕或者兩邊有留白情況,一些中小公司網(wǎng)站不必要去糾結(jié)非要做成完美的網(wǎng)站,那樣無(wú)論從成本上還是以后的維護(hù)技巧和時(shí)間上都會(huì)比普通網(wǎng)站要多花費(fèi)太多,得不償失。
以上是北京網(wǎng)站建設(shè)鵬飛網(wǎng)絡(luò)的經(jīng)驗(yàn)之談,對(duì)于制作手機(jī)網(wǎng)站雙擊屏幕放大瀏覽圖片失真解決辦法希望可以為其它同行起到幫助。有需要做移動(dòng)網(wǎng)站的也可以聯(lián)系我們?cè)诰客服,先做網(wǎng)站后付款的流程,完全可以保障您的網(wǎng)站質(zhì)量。