經濟部台灣中油(股)公司電子發票服務平台-黃子菡

網站

經濟部台灣中油(股)公司電子發票服務平台

姓名

黃子菡

檢測日期

2018-5-16

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

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

壞掉的連結

跑版(影響閱讀)問題

  1. 首頁

Logo 跟選單重疊 (解法回文連結)
IMG_3026

文字排版難閱讀 (解法回文連結)
IMG_3029

  1. 首頁 > Q&A
    超出版面 (解法回文連結)
    IMG_3034

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

出現亂碼

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

網站載入緩慢(相對一般網站)

閱讀模式

不可以用

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

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

  1. 像是中油的分頁,網頁主要為查詢功能本身無內容
1個讚

問題:

可能原因:

圖片寬度被寫死

原始程式:

位置:https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :123

@media screen and (max-width: 480px) {
	.header .detail a.logo img{
		height:68px;
		width:auto;
		margin-left:20px;
	}
}

位置:https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :126

@media screen and (max-width: 480px) {
	.header .other_button{
		margin-left:10px;
		font-size:16px;
		position:absolute;
		bottom:10px;
		top:auto;
		right:20px;
	}
}

建議修改:

刪除logo圖的長寬限制

@media screen and (max-width: 480px) {
	.header .detail a.logo img{
		margin-left:20px;
	}
}

移動 回首頁 的連結位置

@media screen and (max-width: 480px) {
	.header .other_button{
		font-size:16px;
		margin-top:2px;
		text-align:right;
	}
}

補充:

tw_(iPhone 6_7_8) (1)

問題:

可能原因:

選項寬度被寫死

原始程式:

位置:https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/global.css :35

.content ul.btn_main li{
	color:#FFF;
	font-size:26px;
	line-height:80px;
	width:33.3%;
	text-align:center;
	float:left;
	box-sizing: border-box;
	background-color: rgba(0, 116, 255, 0.4);
}

建議修改:

刪除寬度限制

.content ul.btn_main li{
	color:#FFF;
	font-size:26px;
	line-height:80px;
	text-align:center;
	float:left;
	box-sizing: border-box;
	background-color: rgba(0, 116, 255, 0.4);
}

補充:

tw_(iPhone 6_7_8) (2)

問題:

#可能原因
區塊寬度被寫死

原始程式:

位置:https://member.gas.cpc.com.tw/ThirdParty/CPC_M/assets/css/jquery.ui.question.css :6

#qaContent {
	width: 1000px;
}

建議修改:

刪除寬度限制

#qaContent {
}

補充:

tw_Home_QAForCPC_M(iPhone 6_7_8)

結尾:

在css中加上display屬性,日期才不會被斷行

span{
	display:inline-block;
}