公平交易委員會--楊珣

ray 公平交易委員會
, ,
#1

網站

公平交易委員會

姓名

楊珣

檢測日期

2018-04-05

檢測裝置

sony xperia ultra xa

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

360x640 pixels

是否會自動跳入行動版欄位？

是

壞掉的連結

跑版（影響閱讀）問題

無法操作的網頁元素（如按鈕不能按、選單不能選等）

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

使用Andriod系統

其他（無法判斷屬於以上那個分類的都放在這邊）

對此網站建議（非程式問題皆放置這裡）

#2

問題

可能原因

overflow換行

原始程式

位置:
https://www.ftc.gov.tw/internet/main/decision2/decisionList2.aspx:281

                            <li><span>發文日期：</span>
              <input name="ctl00$ContentPlaceHolder1$FormalDocDateStart" type="text" id="ContentPlaceHolder1_FormalDocDateStart" class="input_style1" size="7" placeholder="2016/01/01" />
               <span>
              <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton1" id="ContentPlaceHolder1_ImageButton1" alt="發文日期" src="/internet/main/images/calendar.png" />
              
              </span>
              <input name="ctl00$ContentPlaceHolder1$FormalDocDateEnd" type="text" id="ContentPlaceHolder1_FormalDocDateEnd" class="input_style1" size="7" placeholder="2016/12/31" />
              <span>
              <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton2" id="ContentPlaceHolder1_ImageButton2" alt="發文日期" src="/internet/main/images/calendar.png" />
              
              </span>
              
            </li>

建議修改

使用div包起來，然後記得用clear清除浮動

<li style="display: block;"><span style="/*! width: 100%; */display: block;">發文日期：</span>
  <div class="clear"></div>

  <div class="rapper">
  <input name="ctl00$ContentPlaceHolder1$FormalDocDateStart" id="ContentPlaceHolder1_FormalDocDateStart" class="input_style1" size="7" placeholder="2016/01/01" type="text">
  
  <span>
    <input name="ctl00$ContentPlaceHolder1$ImageButton1" id="ContentPlaceHolder1_ImageButton1" alt="發文日期" src="/internet/main/images/calendar.png" type="image">
  </span>

  <div class="clear"></div>
</div>


<div class="rapper">
  <input name="ctl00$ContentPlaceHolder1$FormalDocDateEnd" id="ContentPlaceHolder1_FormalDocDateEnd" class="input_style1" size="7" placeholder="2016/12/31" type="text">

  <span>
    <input name="ctl00$ContentPlaceHolder1$ImageButton2" id="ContentPlaceHolder1_ImageButton2" alt="發文日期" src="/internet/main/images/calendar.png" type="image">
  </span>

  <div class="clear"></div>

</div>

</li>

.rapper {
	width: 100%;
	padding: 10px;
	display: block;
}
.clear {
	clear: both;
}
#3

問題

可能原因

皆為table或img得寬度寫固定

建議修改

table的部份加上下面的css讓它滿板
img的都在把寬度調成100%或其他設計百分比

   table{
   	border-collapse: collapse;
   	width: 100%;
   	word-wrap: break-word;
   	table-layout: fixed;
   }

補充

08

#4

問題

可能原因

iframe寫死

建議修改

把iframe的width調成100%就好了

    width:100%;

補充

48

#5

問題

可能原因

雖然width有設定成100%，但經過margin-left得推擠，造成跑板。

建議修改

將width改成90%或其他趴數

補充

07

#6

問題

#可能原因
設計上的問題

原始程式

位置:
https://www.ftc.gov.tw/internet/main/mailbox/notice.aspx:388

<li><span class="item">四、</span> <span class="txt">倘您反映事項涉及非屬本會職掌範疇之情形，請逕循各途徑反映：</span></li>

#建議修改
只留一個span並設寬100%

<span class="item" style="width: 100%;">四、倘您反映事項涉及非屬本會職掌範疇之情形，請逕循各途徑反映：</span>

補充

58

#7

問題

可能原因

寬度沒設定好，設計上也有些問題。因為table這樣塞不下12個月

建議修改

在table加上強制100%，可以的話希望更改成其他樣子呈現

   table{
   	border-collapse: collapse;
   	width: 100%
   	word-wrap: break-word;
   	table-layout: fixed;
   }

補充

44

#8

問題

可能原因

後端問題

建議修改

前端無法