新住民全球新聞網－龎袿方

ray 內政部
#1

網站

新住民全球新聞網

姓名

龎袿方

日期

2017-11-05

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版
11.0.3 (15A432)

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0.3 (15A432)

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

圖1

有出現亂碼

無

有壞掉的連結

無

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

無|N/A

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

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

圖1

對此網站建議（給個建議吧）

#2

可能的原因

CSS 樣式設定不當 使用 float 不會把元素撐開

原始程式：

<div class="article-big-block"><div class="article-content"><div style="float:left; text-align:left"><a href="Post.aspx?NEWSGUID=504f655b-a436-47c6-850f-c69d905a7215">賴清德說明缺電3解方：多元創能、全民節電、智慧儲能</a></div><div style="float:right; text-align:right"><p style="color: #25823b;">2017-11-8 下午 03:30</p></div></div></div>

建議程式：

<div class="article-big-block" style="padding:0;"><div class="article-content" style="height:auto;padding:0;">
    <div style="text-align:left">
        <a href="Post.aspx?NEWSGUID=504f655b-a436-47c6-850f-c69d905a7215">賴清德說明缺電3解方：多元創能、全民節電、智慧儲能</a>
    </div>
    <div style="text-align:right">
        <p style="color: #25823b;">2017-11-8 下午 03:30</p>
    </div>
</div></div>