問題:
可能原因:
影像地圖不具有響應式的特性,當圖片縮放時,有連結的區塊並不會跟著改變。
建議修改:
加上 jQuery-rwdImageMaps。
- 到(https://github.com/stowball/jQuery-rwdImageMaps)下載jQuery-rwdImageMaps。
- 解壓縮檔案,選擇任一JS檔。
- 加入以下程式碼:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.js"></script>
- 將圖片套用jQuery-rwdImageMaps。
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
【RWD影像地圖】解法參考網址:http://blog.shihshih.com/responsive-image-map/
問題:
可能原因:
信箱無設置超連結,所以點擊並無反應。
原始程式:
<a><font color="#0000ff">[email protected]</font></a>
建議修改:
可以增設超連結,讓使用者點擊信箱即可自動開啟電子郵件軟體。
<a href="mailto:[email protected]"><font color="#0000ff">[email protected]</font></a>
問題:
可能原因:
結構未因應行動版面做變化,不易閱讀。
建議修改:
如要方便使用者閱讀,需將表格結構重新排列,參考解法:行政院農業委員會-林文琦 - #2 youyuchen.alice