國家通訊傳播委員會-邵嘉嶸

ray 國家通訊傳播委員會
, ,
#1

網站

國家通訊傳播委員會

姓名

邵嘉嶸

檢測日期

2018-04-04

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結

找不到網站

解法回文連結)

跑版（影響閱讀）問題

所有用此種列項的資訊，意見調查都跑版

解法回文連結

只要有檔案下載處，超連結及下載皆易跑版，以下列舉四處

解法回文連結

報名網址太長跑版

解法回文連結

內文跑版(解法回文連結)

內文表格跑版

解法回文連結

內文網址或圖片跑版

文字跑板問題:解法回文連結
圖片跑板問題:解法回文連結
表格跑板問題:解法回文連結

文字重疊(解法回文連結)

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

做的挺好的，至少在符合手機格式要求上有做過努力
而且大多也以檔案化，會減少網頁呈現負擔
只是除了文字類的都易有問題，加油~

#2

問題：

可能原因：

連結失效，不處理

原始程式：

無

建議修改：

無

補充

無

結尾(選填，可增加網站建議)

#3

問題：

可能原因：

元素長度用了固定值

原始程式：

Xpath://*[@id=“_ctl0_CPH_Content_JudgeControl2_pnlJudge”]/span[1]

<span style="position: absolute; width: 338px; top: 4px; left: 103px; right: 828px;">
 ....
 .....
</span>

建議修改：

調整style設定

<span style="position: absolute; width: 100%![52|281x499](upload://ifTX9GovoXpeSYYKENY9TmLDu3g.jpg);">
 ....
 .....
</span>

補充

52

結尾(選填，可增加網站建議)

#4

問題：

可能原因：

文字未強制換行

原始程式：

Xpath://*[@id=“_ctl0_CPH_Content_tr_content”]/ul/div

<div style="padding: 10px 10px 10px 10px">為提供使用者有文書軟體選擇的權利，本網站文件如為ODF開放文件格式，建議您安裝免費開源軟體(<a href="http://zh-tw.libreoffice.org/download/libreoffice-still/" title="Libre Office(新視窗)" target="_blank" tabindex="1500" style="
    /* word-break: break-all; *//*必須*/
">http://zh-tw.libreoffice.org/download/libreoffice-still/</a>) 或以您慣用的軟體開啟文件。</div>

建議修改：

增加word-break: break-all屬性

<div style="padding: 10px 10px 10px 10px;word-break: break-all;">為提供使用者有文書軟體選擇的權利，本網站文件如為ODF開放文件格式，建議您安裝免費開源軟體(<a href="http://zh-tw.libreoffice.org/download/libreoffice-still/" title="Libre Office(新視窗)" target="_blank" tabindex="1500" style="
    /* word-break: break-all; *//*必須*/
">http://zh-tw.libreoffice.org/download/libreoffice-still/</a>) 或以您慣用的軟體開啟文件。</div>

補充

12

結尾(選填，可增加網站建議)

#5

問題：

可能原因：

未強置換行

原始程式：

Xpath://*[@id=“_ctl0_CPH_Content_tr_content”]/div[3]

<div class="content_txt">
   ....
   ....
    </div>

建議修改：

增加換行屬性word-break: break-all

<div class="content_txt" style="word-break: break-all;">
   ....
   ....
    </div>

補充

20

結尾(選填，可增加網站建議)

#6

問題：

可能原因：

圖片為未依照螢幕比例縮放
網址為未強制換行

原始程式：

圖片Xpath://*[@id=“_ctl0_CPH_Content_tr_content”]/a/img

<img src="http://i.ytimg.com/vi/LLA63_F5AzI/hqdefault.jpg" alt="1070411 下午2:00 NCC第796次委員會議後例行記者會影片封面">

網址Xpath://*[@id=“_ctl0_CPH_Content_tr_content”]

<div id="_ctl0_CPH_Content_tr_content" class="content_txt">
   .....
   ....
</div>

建議修改：

圖片，加上寬度比例

<img src="http://i.ytimg.com/vi/LLA63_F5AzI/hqdefault.jpg" alt="1070411 下午2:00 NCC第796次委員會議後例行記者會影片封面" style="
    width: 100%;
">

網址，加上換行屬性word-break: break-all;

<div id="_ctl0_CPH_Content_tr_content" class="content_txt" style="word-break: break-all;/*必須*/
">
   .....
   ....
</div>

補充

28
28

結尾(選填，可增加網站建議)

#7

問題：

可能原因：

表格內容過多

原始程式：

這邊只列出處理方式，凡用table屬性的都需加上
Xpath://[@id=“_ctl0_CPH_Content_content”]/table[2]
Xpath://[@id=“_ctl0_CPH_Content_content”]/table[2]

<table border="1" cellpadding="0" cellspacing="0" style="width:100%;" summary="上傳速率平均廣告速率達成率-依供裝速率別">
....
...
</table>

建議修改：

加上word-break: break-all屬性

<table border="1" cellpadding="0" cellspacing="0" style="width:100%;word-break: break-all;" summary="上傳速率平均廣告速率達成率-依供裝速率別">
....
...
</table>

補充

54

結尾(選填，可增加網站建議)

#8

問題：

可能原因：

位置屬性互相衝突

原始程式：

位置:國家通訊傳播委員會

.topic{
	width: 100%;
	height: auto;
	color: #900;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #900;
	margin-top: 10px;
}

建議修改：

增加clear: both

.topic{
	width: 100%;
	height: auto;
	color: #900;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #900;
	margin-top: 10px;
	clear: both;
}

補充

55

結尾(選填，可增加網站建議)

#9

問題：

可能原因：

行高設定衝突

原始程式：

位置:國家通訊傳播委員會

.law_type a:link{
	width: auto;
	height: 30px;
	color: #900;
	font-size: 15px;
	float: left;
	line-height: 38px;
}

建議修改：

修改295行，建議與文字同大小

.law_type a:link{
	width: auto;
	height: 30px;
	color: #900;
	font-size: 15px;
	float: left;
	line-height: 15px;
}

補充

48

結尾(選填，可增加網站建議)

#10

問題：

可能原因：

間距浮動問題

原始程式：

位置:國家通訊傳播委員會

.title01 { /*  內頁標題字型與底樣式*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #555555;
	letter-spacing: 1px;
	font-weight: bold;
	background-image: url(../images/pagetitle_line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 35px;
	padding-right: 28px;
	background-color: #FFFFFF;
	padding-left: 2px;
	width: auto;
	float: right;
	padding-top: 7px;
}

位置:國家通訊傳播委員會

.title01bg {
	background-image: url(../images/pagetitle_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 35px;
}

建議修改：

位置:國家通訊傳播委員會
移除485行的float

.title01 { /*  內頁標題字型與底樣式*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #555555;
	letter-spacing: 1px;
	font-weight: bold;
	background-image: url(../images/pagetitle_line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 35px;
	padding-right: 28px;
	background-color: #FFFFFF;
	padding-left: 2px;
	width: auto;
	float: right;
	padding-top: 7px;
}

位置:國家通訊傳播委員會
移除501行

.title01bg {
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 35px;
}

補充

43

結尾(選填，可增加網站建議)