台灣製產品MIT微笑標章網站-謝茵安

網站

台灣製產品MIT微笑標章網站

姓名

謝茵安

檢測日期

2018-05-10

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結

1.無法連到介面 (該單位已完成修正)
首頁>享服務>相關鏈結>經濟部國際貿易局
image


跑版(影響閱讀)問題

1.內文跑版 // 解法回文連結
首頁>談標章>台灣超寶介紹
首頁>查法規>商品標示基準相關
首頁>買產品>海外參展>2017臺灣製產品MIT微笑標章海外展售會徵展結果
image

2.文字超出表格([首頁>找產品>]多個介面都有此問題) // 解法回文連結
首頁>找產品>標章產品查詢>相如企業有限公司305(咖)
首頁>找產品>標章產品查詢>相如企業有限公司328(茶)
首頁>找產品>標章產品查詢>相如企業有限公司803(咖)
首頁>找產品>獲證業者查詢>惠薪服裝有限公司
首頁>找產品>獲證業者查詢>辰奕有限公司
image

3.地圖有點超出介面 // 解法回文連結
首頁>買產品>傳統市場>台東中央商場
首頁>買產品>傳統市場>新竹中央商場
首頁>買產品>傳統市場>嘉義西市場
image


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

1.橘色的選單按了雖然會展開,但是會馬上收起來。想要點選下載專區等其他介面時,選單已經收起來了,這點在使用上非常不便利,也讓原本的設計變得沒必要了。
首頁>享服務>聯絡我們
image

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

網站載入緩慢(相對一般網站)

閱讀模式

Android系統

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

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

1.表格太窄,格子內的文字被嚴重壓縮,難以閱讀,建議改寬格子。
首頁>談標章>標章介紹>驗證制度介紹
image
2.網站內文整體都有偏重右邊的感覺。像是這個介面雖然沒有跑版,但表格離邊框太近,看起來很奇怪。建議整個表格可以往左移一點。
首頁>買產品>海外參展>2018臺灣製MIT微笑產品海外展售會(馬來西亞、日本)徵展報名
image
3.整體來說,文字使用的顏色與標記都非常鮮明,讓人閱讀起來非常舒服。

問題:

可能原因:

設計問題

原始程式:

https://www.mittw.org.tw/cssStyle/html5reset-1.6.1.css 第 12 行
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

建議修改:

https://www.mittw.org.tw/cssStyle/html5reset-1.6.1.css 第 12 行 新增 list-style-type: none;
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style-type: none;}

補充

image

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

問題:

可能原因:

RWD 沒設定好

建議修改:

請重新設計版面。

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 277 行
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com.tw/maps?f=q&amp;source=s_q&amp;hl=zh-TW&amp;geocode=&amp;q=%E5%8F%B0%E6%9D%B1%E5%B8%82%E5%85%89%E6%98%8E%E8%B7%AF224%E8%99%9F&amp;aq=&amp;sll=23.479268,120.448415&amp;sspn=0.011494,0.021136&amp;gl=tw&amp;brcurrent=3,0x346fb9b1d518f5a1:0x580ae4a56fcfb2f,0,0x346fb8d2a52a0401:0xcf6871e475b3f2ff&amp;ie=UTF8&amp;hq=&amp;hnear=%E5%8F%B0%E6%9D%B1%E7%B8%A3%E5%85%89%E6%98%8E%E8%B7%AF224%E8%99%9F&amp;ll=22.753547,121.150161&amp;spn=0.011556,0.021136&amp;t=m&amp;z=14&amp;output=embed" title="台東中央商場地圖位置" width="425"></iframe>

建議修改:

第 277 行 修改 width=“100%”
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com.tw/maps?f=q&amp;source=s_q&amp;hl=zh-TW&amp;geocode=&amp;q=%E5%8F%B0%E6%9D%B1%E5%B8%82%E5%85%89%E6%98%8E%E8%B7%AF224%E8%99%9F&amp;aq=&amp;sll=23.479268,120.448415&amp;sspn=0.011494,0.021136&amp;gl=tw&amp;brcurrent=3,0x346fb9b1d518f5a1:0x580ae4a56fcfb2f,0,0x346fb8d2a52a0401:0xcf6871e475b3f2ff&amp;ie=UTF8&amp;hq=&amp;hnear=%E5%8F%B0%E6%9D%B1%E7%B8%A3%E5%85%89%E6%98%8E%E8%B7%AF224%E8%99%9F&amp;ll=22.753547,121.150161&amp;spn=0.011556,0.021136&amp;t=m&amp;z=14&amp;output=embed" title="台東中央商場地圖位置" width="100%"></iframe>

補充

手機版

image

電腦版

image

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