Web Design

16 八月 2012

讓網頁手機版圖片不超出瀏覽介面

作者  發佈於 網頁設計
给本項目評分
(1 投票)

moible01

我們在使用joomla!替客戶客製化網站時,赫然發現從電腦瀏覽器上看到的圖片與版型是很正常的,但從提供的網頁手機版上瀏覽,圖片會超出瀏覽介面,這對瀏覽者本身在瀏覽資訊上並不友善,至於要怎麼克服這問題呢?

這裡以Joomlart提供的佈景主題為例,此模版商幾乎都有另外提供網頁手機版功能。將下列CSS語法貼入即可:

div img { max-width100%;}

注意IE7、FF等其他非 IE 瀏覽器下最大寬度為 100% , IE6 以下不支援 max-width 屬喔。

最後打開你的智慧型手機瀏覽網頁手機版看看,一切正常,就完成囉。

moible02

EnYi  

現代網頁設計,須同時兼具視覺及組織運作,才能提昇一個平台真正價值。

網站: twotrees.tw

新增回應


About us

logo1  

將創意的設計投入於守護環境的發想裡與行動,是兩棵樹的核心價值與行動理念。
Facebook - Twitter - Vimeo

Comments

Calendar

« 二月 2020 »
星期一 星期二 星期三 星期四 星期五 星期六 星期日
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29  

Owners