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

ray 經濟部
, ,
#1

網站

台灣製產品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.整體來說，文字使用的顏色與標記都非常鮮明，讓人閱讀起來非常舒服。

#2

問題：

可能原因：

設計問題

原始程式：

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)

無

#3

問題：

可能原因：

RWD 沒設定好

建議修改：

請重新設計版面。

補充

image

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

無

#4

問題：

可能原因：

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)

無