[問題] 網頁製作考慮尺寸的問題?

看板Web_Design作者 (遺忘海角)時間10年前 (2013/11/02 22:20), 編輯推噓2(208)
留言10則, 3人參與, 最新討論串1/2 (看更多)
想請教一下,大家在設定網頁的 width、height的時候 是怎麼設定呢?因為我google網路上有的教學,是說: 1、800*600下,網頁寬度保持在778以內,就不會出現水平捲軸, 高度則視版面和內容決定。 2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話, 高度是612-615之間。就不會出現水平捲軸和垂直捲軸。 來源:http://www.superpay.com.tw/p377715.html 這個1024*768是指User的螢幕大小對吧? 還有很多人省錢不去買寬螢幕嗎Q Q 所以一般都以1024*768來設計嘍? 不過現在很多網站是RWD的,我記得可以直接用dreamweaver裡的javascript 語法讓網頁變RWD(就把body裡的東西全部丟到它寫好的div裡面就好) 那麼如果它是RWD了,我還要考慮到什麼"水平捲軸"嗎? 如果還是要考慮,是不是網頁div的寬度就設定成1002以下,然後 margin: 0 auto置中,背景圖設repeat這樣子呢? 想請教如果我設定body的寬、高等於100% 那我的div再設定100%的寬,那個寬是抓使用者螢幕的寬嗎? 如果是的話,是不是也就是RWD呢? 新手上路,請多多指教,謝謝大家 <(__ __)> -- ※ 編輯: oblivion 來自: 36.224.231.234 (11/02 22:20)

11/02 23:11, , 1F
公用電腦的話4:3的螢幕還是很常見的
11/02 23:11, 1F

11/02 23:12, , 2F
RWD根本不會出現水平卷軸啊 寬度相對值
11/02 23:12, 2F

11/02 23:13, , 3F
而且通常就是以寬度決定排版的啊...
11/02 23:13, 3F

11/02 23:14, , 4F
div的100%的話是看父元素 如果上面就是body
11/02 23:14, 4F

11/02 23:14, , 5F
那就是螢幕寬沒錯 不過這不叫RWD 只是能滿版而已
11/02 23:14, 5F

11/02 23:16, , 6F
RWD主要是針對非電腦(像是寬度不足1024的手機)
11/02 23:16, 6F

11/02 23:16, , 7F
會自動調整內容 從PC排版變成手機排版
11/02 23:16, 7F

11/03 10:42, , 8F
現在比較流行用%數唷~
11/03 10:42, 8F

11/03 11:57, , 9F
100%不是螢幕的寬高 是可見視窗的寬高
11/03 11:57, 9F

11/03 11:57, , 10F
螢幕寬高的話你會出現卷軸 因為你瀏覽器一定比螢幕小
11/03 11:57, 10F
文章代碼(AID): #1ITGeVBX (Web_Design)
文章代碼(AID): #1ITGeVBX (Web_Design)