關務署海關緝毒犬專區-劉佳慧

ray 財政部
, ,
#1

網站

海關緝毒犬專區

姓名

劉佳慧

檢測日期

2018-05-13

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本：Chrome 66.0.3359.158

解析度（手機螢幕）

螢幕解析度 360x640 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

無

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

無

出現亂碼

無

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

無

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

無

閱讀模式

使用Android無閱讀模式

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

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

  • 網站使用流暢，視覺設計不錯，閱讀起來很舒適
  • 有附件的最新消息附件失效機率蠻高的
#2

問題

可能原因

目前看到第一個會用text-overflow: ellipsis的
不過很可惜，這個css只能夠支援一行的
要作到多行的，就要用到額外的js code
範例：

<!--HTML-->
<div class="box">
<p class="JQellipsis">106年6月1日基隆關接獲密報，並在緝毒犬協助下，於來自加拿大的海運貨物中，緝獲大麻，重量約25.582公斤。</p>
</div>

<!--JS-->
<script>
$(function(){
    var len = 50; // 超過50個字以"..."取代
    $(".JQellipsis").each(function(i){
        if($(this).text().length>len){
            $(this).attr("title",$(this).text());
            var text=$(this).text().substring(0,len-1)+"...";
            $(this).text(text);
        }
    });
});
</script>
#3

問題

可能原因

圖片網址掛掉了