國立公共資訊圖書館-吳書凡

網站

國立公共資訊圖書館 (http://www.nlpi.edu.tw/)

姓名

吳書凡

日期

2017-10-19

瀏覽器解析度(iOS的Safari填裝置名稱)

1366 * 768

作業系統版本

macOS 10.12.6(16G29)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 61.0.3163.100 (正式版本) (64 位元)
Safari:版本 11.0(12604.1.38.1.7)

有跑版(影響閱讀)問題

[首頁]
於iPad解析度下,左側月曆表格不正常顯示。

[線上試聽媒體中心] (http://vod.nlpi.edu.tw)
首頁幅條一片空白,使用了Shcokwave元素。
最新消息一片空白,並非技術問題而是沒有內容。
在所有瀏覽器與平台皆然。


有出現亂碼

有壞掉的連結

有不能用的外掛程式

Shockwave

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

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

表格內容排版過於緊密,不易閱讀
[認識本館>本館介紹>館徽與吉祥物]
[認識本館>位置與開放時間>黎明分館]
[認識本館>位置與開放時間>精武分館]

對此網站建議(給個建議吧)

☆☆☆
主要網站 (http://www.nlpi.edu.tw)功能簡單但一切正常,在各瀏覽器都沒有嚴重跑版,也沒有使用已被淘汰或冷門的技術。
RWD,RWD,RWD…

問題描述

[首頁]
於iPad解析度下,左側月曆表格不正常顯示。

可能原因

目前使用 iPad 實機觀看並沒有發生跑版問題 (裝置為 iPad Air 一代 iOS 11.0.3)
Mac OSX 上的 Safari 11.0 對 iPad 模擬也沒有發生跑版現象

從書凡的回報圖片來看,是從 Google Chrome 模擬 iPad,應該單純係 Google Chrome 模擬所造成的問題。

PS. Safari 電腦版首頁亦為正常顯示。

iPad Air 實機畫面

Mac OSX Safari 11.0 模擬 iPad

備註

網站本身對於 User-agent 判斷似乎需要再細調,目前實機部分 iPad 也被導到 mobile 頁面似乎不太好。