讓CMS的網頁手機版圖片不超出瀏覽界面

我們在使用joomla!CMS系統，替客戶客製化網站時，赫然發現從電腦螢幕上瀏覽圖片本身很合版，但從網頁手機版上瀏覽，圖片會超出瀏覽介面，這對瀏覽者本身在瀏覽資訊上並不友善，至於要怎麼克服這問題呢?

本以joomlart提供的佈景主題為例，此模版商幾乎都有另外提供網頁手機版功能。首先須先確認手機版面的寬度為何?(本例手機寬度為330px) ，再將下列CSS語法貼入即可：

div img {
/* IE7、FF等其他非 IE 瀏覽器下最大寬度為 330px , IE6 以下不支援 max-width 屬性 */
max-width:330px;
/* 當圖片大小大於 330px，自動縮小為 330px */
width:expression(document.body.clientWidth>330?"330px":"auto");
overflow:hidden;
}

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