農委會水土保持局大專生洄游農村活動網-柯宥辰

網站

農委會水土保持局大專生洄游農村活動網

姓名

柯宥辰

檢測日期

2018-05-21

檢測裝置

i6
MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

作業系統 與 瀏覽器版本

ios 10.12.6

解析度(手機螢幕)

375*667 pixels

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

壞掉的連結

跑版(影響閱讀)問題


[首頁>最新消息>2018大專生洄游農STAY錄取名單公告與行前通知]

[首頁>最新消息>2018大專生洄游農STAY錄取名單公告與行前通知]

[首頁>最新消息> 「稻米撐起一片天」、「年輕人的夢想基地」活動名單公告]


[首頁>最新消息]

[首頁>最新消息>大專生洄游農村2016年再度入圍全球教育創新獎]
[首頁>最新消息>創意展現,發揮洄游精神,你們超棒!!!]
[首頁>最新消息>第六屆大專生洄游競賽駐村團隊錄取名單公布]
[首頁>最新消息>第六屆大專生洄游農村競賽-第一階段入選名單公佈]
[首頁>最新消息>第六屆大專生洄游農村競賽第一階段入選名單公告日期提醒~]
[首頁>最新消息>特別注意!]:
[首頁>最新消息>掀開駐村計畫書的基本面貌]
[首頁>最新消息>Catch your eyes影片注意事項!]



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

[首頁>最新消息>特別注意!]

[首頁>最新消息>Catch your eyes影片注意事項!]

[首頁>最新消息>第三屆大專生洄游農STAY 熱烈報名中]

[首頁>最新消息>2018第八屆大專生洄游農村競賽開跑囉~]

出現亂碼

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

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

閱讀模式

可以用

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

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

設計排版還算不錯!

1 Like

問題:

可能原因:

高度被限制

原始程式:

位置:http://ruralyoung.swcb.gov.tw/Content/css?v=1wGfB9CrXSIbC9p4lHa0Ulj3BJpR5dFr_2NDDTXYW0s1 :1

@media screen and (max-width: 767px){
	......
	.news li:first-child {
		height: 50px;
		margin-top: 15px;
	}
	......
}

建議修改:

刪除高度限制

@media screen and (max-width: 767px){
	......
	.news li:first-child {
		margin-top: 15px;
	}
	......
}

補充:

問題:

可能原因:

圖片長寬被寫死

原始程式:

以 首頁>最新消息>2018大專生洄游農STAY錄取名單公告與行前通知 為例
位置:http://ruralyoung.swcb.gov.tw/News/Content/107 :118

<img alt="" src="/Upload/News/e75549109baf4a3f905208d04c534cbc.png" style="width: 759px; height: 538px;">

建議修改:

將width屬性改為max-width屬性
刪除height屬性

<img alt="" src="/Upload/News/e75549109baf4a3f905208d04c534cbc.png" style="max-width: 759px;">

補充:

問題:

可能原因:

連結錯誤

原始程式:

以 首頁>最新消息 為例
位置:http://ruralyoung.swcb.gov.tw/News

建議修改:

已測試,找不到可能的圖片連結,問題無法修復

問題:

可能原因:

使用空行排版

原始程式:

位置:http://ruralyoung.swcb.gov.tw/News/Content/42 :84

<div class="UserBox">
	<span style="float:left; margin-right:10px;"><img src="/Upload/News/d1189a3007354f65a51486eb75bedfbb.png" style="max-width: 400px; max-height: 600px;"></span>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	......
</div>

建議修改:

將span寬度擴大為100%,圖的右邊就塞不了字~
刪除空行

<div class="UserBox">
	<span style="float:left; margin-right:10px; width: 100%;"><img src="/Upload/News/d1189a3007354f65a51486eb75bedfbb.png" style="max-width: 400px; max-height: 600px;"></span>
	......
</div>

補充:

問題:

可能原因:

文字非超連結

原始程式:

以 首頁>最新消息>特別注意! 為例
位置:http://ruralyoung.swcb.gov.tw/News/Content/35 :104

<p>
	速點&gt;&gt;&gt; http://ruralyoung.swcb.gov.tw/home/statistics
</p>

建議修改:

加上連結

<p>
	速點&gt;&gt;&gt; <a href="http://ruralyoung.swcb.gov.tw/home/statistics">http://ruralyoung.swcb.gov.tw/home/statistics</a>
</p>

補充:

問題:

可能原因:

圖片長寬被寫死

原始程式:

位置:http://ruralyoung.swcb.gov.tw/Content/css?v=1wGfB9CrXSIbC9p4lHa0Ulj3BJpR5dFr_2NDDTXYW0s1 :1

@media screen and (max-width: 767px){
	.UserBox img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
}

.UserBox img {
	width: 380px;
	height: auto;
	margin-right: 15px;
}

建議修改:

限定最大寬度並刪除寬度限制

@media screen and (max-width: 767px){
	.UserBox img {
		max-width: 100%;
		height: auto;
		margin-right: 0;
	}
}

.UserBox img {
	height: auto;
	margin-right: 15px;
}

補充: