ForumID
myemail@bz.com.tw
進入會員專區 進入會員專區
clear
person
按鈕文字
local_grocery_store
0
按鈕文字
clear_all
按鈕文字
search
開始搜尋
申請網站
申請網站
image/svg+xml
image/svg+xml 會員專區,修改會員資料,修改密碼,購物紀錄,紅利查詢等
image/svg+xml
image/svg+xml 會員專區,修改會員資料,修改密碼,購物紀錄,紅利查詢等
回首頁>V2 網頁設計教學>初階課程>[V2 網頁設計]介面介紹系列:內容參考線

內容參考線:界定內容安全範圍的虛線


所謂內容安全範圍,指的是在這個範圍內的元素不會跑到視窗以外,在編排網頁上,可以輔助使用者在移動元素時候的重要參考。RWD的網頁設計,因為要符合大部分瀏覽設備的解析度,網頁設計的「舒適性」上,盡量做到滿足所有設備。而元素常常也需要因解析度的不同能自動調整,因此在界定安全範圍是很重要的事情。

簡單來說,您的網頁不可以因為不可控的理由而消失或被畫面切割,而安全範圍提供了在網頁空間上的界定功能。您可以觀看一下下方兩分多鐘的影片,畫面中左右兩條虛線的作用,以及透過空間設定,來試著靠齊這些虛線:

滿版

脫離安全範圍,做出滿版的效果在網頁設計上是很常用的。其實只要將所在的「內容區塊」元素設定成 100% 就可以了。請看下方影片的示範:

滿版(2)

另外一種滿版的做法,就是將元素的寬度設定成 100vw: