微型創業鳳凰網站-楊喻文

ray 勞動部
, ,
#1

網站

微型創業鳳凰網站

姓名

楊喻文

檢測日期

2018-05-23

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

  • 首頁
    banner的地方看起來是跑版了，滑到某個程度才出現，而且一開始看到的上面的部分應該是選單?
    [color=red]每個banner都是這樣[/color] 解法回文連結
    92824 92825
  • 首頁
    網站導覽按下去之後，會導致其他選項跳掉
    92832 92833

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

無

出現亂碼

無

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

無

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

無

閱讀模式

我使用安卓

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

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

那個banner設計可以不要這麼低嗎? 手機螢幕本來就不大，現在被他壓得更小 :sob:
92831

#2

問題：

可能原因：

行動版網頁頂端選項較多，佔據過大區塊，且google搜尋區塊過大，導致漢堡選單顯示於右下角，影響使用者瀏覽體驗。

建議修改：

可以將頂端選單合進旁邊的漢堡選單裡，且可以將google搜尋欄位移除或設為搜尋按鈕，當使用者點擊再展開，較不佔版面，也比較不影響使用者瀏覽。
建議範例：
96

#3

問題：

可能原因：

連結間距較近，且寬度較窄，導致換行後文字重疊。

原始程式：

位置：https://beboss.wda.gov.tw/cht/index.php?act=sitemap:496

.subitem a {
    display: block;
    text-align: left;
    padding: 5px;
    width: 25%;
    float: left;
    margin: 5px 2px 10px 2.6em;
    text-indent: -2.6em;
    height: 2em;
    line-height: 120%;
}

建議修改：

將連結標籤的寬度改為30%。

.subitem a {
    display: block;
    text-align: left;
    padding: 5px;
    width: 30%;
    float: left;
    margin: 5px 2px 10px 2.6em;
    text-indent: -2.6em;
    height: 2em;
    line-height: 120%;
}

補充：

(修正後之截圖)
image

#4

問題：

可能原因：

在share的div中多一個line的<span></span>。

原始程式：

位置：view-source:https://beboss.wda.gov.tw/cht/index.php?code=list&ids=7:526

<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411"></script>
<iframe data-lang="zh-hant" data-type="share-b" data-line-it-id="0" scrolling="no" frameborder="0" allowtransparency="true" class="line-it-button" src="https://social-plugins.line.me/widget/share?buttonType=share-b&amp;lang=zh-hant&amp;type=share&amp;id=0&amp;origin=https%3A%2F%2Fbeboss.wda.gov.tw%2Fcht%2Findex.php%3Fcode%3Dlist%26ids%3D7&amp;title=%E5%BE%AE%E5%9E%8B%E5%89%B5%E6%A5%AD%E9%B3%B3%E5%87%B0%20%3E%20%E5%89%B5%E6%A5%AD%E9%A1%A7%E5%95%8F%E8%AB%AE%E8%A9%A2%20%3E%20%E5%89%B5%E6%A5%AD%E8%AB%AE%E8%A9%A2%E4%BB%8B%E7%B4%B9" style="width: 21px; height: 20px; visibility: visible; position: static;" title="可將此頁面的資訊分享至LINE。"></iframe><script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"zh-hant","type":"b"});
</script>
<script type="text/javascript" charset="utf-8" src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js"></script>
</span>

建議修改：

將<span></span>刪除。

補充：

(修正後之截圖)
98

#5

問題：

可能原因：

頭像圖片寬高設置過大，且內文重疊。

原始程式：

  1. 頭像圖片div，位置：https://beboss1.wda.gov.tw/upload/cht/webstyle_default2/css/style2.css?v=1:81 
@media (max-width: 767px)
.people .post .portfolio_item_image, .people .post {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 25rem;
    width: 25rem;
    margin: 0 auto;
}

建議修改：

  1. 將頭像圖片div寬高改為5rem。
    位置：https://beboss1.wda.gov.tw/upload/cht/webstyle_default2/css/style2.css?v=1:81 
@media (max-width: 767px)
.people .post .portfolio_item_image, .people .post {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 5rem;
    width: 5rem;
    margin: 0 auto;
}
  1. 將高度設置刪除。
    (1)位置：https://beboss1.wda.gov.tw/upload/cht/webstyle_default2/css/style2.css?v=1:58 
.people_set {
    /* height: 45rem; */
}

(2)位置：https://beboss1.wda.gov.tw/upload/cht/webstyle_default2/css/style2.css?v=1:70

.people_desc {
    text-align: left;
    /* height: 23rem; */
}

補充：

(修正後之截圖)
99

#6

問題：

可能原因：

圖片寬度設為固定數值，導致跑版。

原始程式：

位置：view-source:微型創業鳳凰

<img alt="" src="http://beboss.wda.gov.tw/upload/ckfinder/images/31870616_2085925991624487_1019424746997022720_o.jpg" style="width: 1000px; height: 548px;" />

建議修改：

將圖片寬度改為百分比。

<img alt="" src="http://beboss.wda.gov.tw/upload/ckfinder/images/31870616_2085925991624487_1019424746997022720_o.jpg" style="width: 100%;">

補充：

(修正後之截圖)
image