問題描述
可能原因
表格寬度超過父元素寬度，父元素 700 px，表格 710 px
問題描述
檢測結果
此非跑版，而是原始碼就寫成四欄設計，但因為文字內容太長導致換行，加上前兩個 Column 是空白的，因而看起來像跑版
相關原始碼
<div class="container">
<!-- 連結 / 開始 -->
<div class="column-one-fourth">
<ul class="footnav fa-ul">
</ul>
</div>
<div class="column-one-fourth">
<ul class="footnav fa-ul">
</ul>
</div>
<!-- 連結 / 結束 -->
<!-- 資訊 / 開始 -->
<div class="column-one-fourth">
<ul>
<li>電話：(02) 2875-7826</li>
<li>傳真：(02) 5570-2788</li>
<li>E-mail：[email protected]</li>
</ul>
</div>
<div class="column-one-fourth">
<ul>
<li>11217 </li>
<li>臺北市北投區石牌路二段201號</li>
<li><a href="https://www.google.com.tw/maps/place/%E5%8F%B0%E5%8C%97%E6%A6%AE%E6%B0%91%E7%B8%BD%E9%86%AB%E9%99%A2/@25.1200019,121.5182723,17z/data=!3m1!4b1!4m2!3m1!1s0x3442ae8bd2c11b99:0x6e4ef1df49d7787d?hl=zh-TW" target="_blank">交通資訊</a></li>
<li>維護單位：資訊室</li>
</ul>
</div>
<!-- 資訊 / 結束 -->
<!-- 版權宣告 -->
目前在線人數: 5 |
今日瀏覽人次: 486 |
總瀏覽人次: 493759 |
<a href="http://wd.vghtpe.gov.tw/nosmk.htm" target="_blank"><img src="../images/nosmka.jpg" alt="本院為無菸醫院" "="" height="36" width="88" style="display: inline;"></a> |
<a href="http://www.gov.tw/" target="_blank"><img src="../images/ndc.jpg" alt="我的E政府" height="36" width="88" style="display: inline;"></a> |
<!-- <a href="http://www.handicap-free.nat.gov.tw/Applications/Detail/37706?category=20160623102338" target="_blank"><img src="../images/a_plus.gif" alt="無障礙標章 A+" height="31" width="88" style="display: inline;"></a> -->
<a href="http://www.handicap-free.nat.gov.tw/Applications/Detail?category=20160726112636" title="無障礙網站" target="_blank"><img src="../images/a_plus.gif" alt="無障礙標章 A+" height="31" width="88" style="display: inline;"></a>
<p class="copyright">© Copyright 2015 by VGHTPE. All Rights Reserved.</p>
<!-- mapid -->
<span id="mapid" style="display:none"></span>
<div class="clearfix"></div>
</div>
問題描述
可能原因
圖片高度寫死，導致 viewport 較小時， max-width:100% 作用後，將寬度縮小後，高度卻與原本相同，因而導致圖片橫向壓縮
