我們在設計響應式網頁時，有時會遇到電腦網頁與移動網頁顯示差異很大的部分，一種簡單的方法就是這部分分别設計，在不同裝置下分别顯示，即電腦端浏覽器顯示電腦網頁部分，移動下顯示移動網頁部分，像解決導覽列。本文介紹兩種在金蜘蛛網頁設計器中設計方法設定HTML元素在移動端和電腦端出現，非常簡單。
1.“電腦網頁”是指浏覽器寬度大于等于1024時的顯示狀态，“移動網頁”是指浏覽器寬度小于1024時的顯示狀态。2.下面的設定例子我們将以面闆（div）為例說明如何設定。
一、利用“位置、大小”的“移動網頁不出現”和“電腦網頁不出現”屬性
“移動網頁不出現”是說該元素在移動網頁下不可見，電腦網頁下可以見；“電腦網頁不出現”是說該元素在電腦網頁下不可見，在移動網頁下可見。
面闆1的設定如下：
面闆2的設定如下：
當浏覽器寬度大于1024時預覽如下圖：
這時改浏覽器寬度小于1024，預覽如下圖：
二、利用“按顯示裝置設定位置、大小、字型大小”中的“手機”和“平闆電腦”的“隐藏”屬性
如果沒有特别設定，所建立的元素都會顯示。
面闆1的“按顯示裝置設定位置、大小、字型大小”->“手機”和“平闆電腦”的“啟用”和“隐藏”屬性都要設定為“true”，如下：
面闆2的“更多屬性”->“隐藏”設定為“true”，表示電腦網頁下不顯示，如下圖：