[問題] 想做Responsive的網站

看板Web_Design作者 (愛迪希亞)時間12年前 (2013/09/02 22:43), 編輯推噓3(303)
留言6則, 3人參與, 最新討論串1/1
請教大家,做Responsive的網站會不會很難呢? 因為我老闆說現在還是有很多LKK的人是用1024*768的 所以當我把寬螢幕的網頁示意圖做給他看的時候(1680*1050) ,他就說要我把尺寸改1024*768適宜的,不要太大 但我在想之後他會不會又要我改成手機平板也可以看的..因為他常常在那邊滑啊滑的 爬了一下版上的文章,有看到很久以前2004年說可以用javascript來抓瀏覽者的螢幕尺寸 來自動跳轉網頁,不過那不就等於是要做幾個版本的首頁嗎? 另外我稍微看了一下javascript的書(深入淺出),有教到一點responsive的部份 就是說可以讓岩石在手機上不會只看到一小部份,我覺得這個好像可以運用在網頁上? 可是那好像要自己去想要怎麼寫算式,我數學有點差..@@ 我也有看dreamweaver的教學書,有個功能是"Fluid Grid Layout" 請教有人有用這個功能嗎? 是不是我只要把網站所有內容放在一個大的div包住,再來寫程式讓它變responsive 也可以呢?可是背景圖要怎麼辦,我的背景圖是CSS的body夾的.. 有沒有什麼軟體可以預覽在每種不同尺寸下的顯示結果呢? 問題好多喔~~做網頁真的好多眉角要顧到耶,要很有耐心耶 請教大家了~~謝謝~~~ -- ※ 編輯: Adicia 來自: 36.224.216.56 (09/02 22:48)

09/02 22:59, , 1F
和數學沒什麼關係啦~用到的還不都是一堆加減乘除而已
09/02 22:59, 1F

09/02 23:03, , 2F
單純根據螢幕大小的話,twitter bootstrap倒是挺好用
09/02 23:03, 2F

09/03 00:28, , 3F

09/03 00:28, , 4F

09/03 00:30, , 5F
通常用CSS media query做,IE8含以下用 respond.js模擬
09/03 00:30, 5F

09/03 00:31, , 6F
這是 bootstrap 3 的做法 ↑
09/03 00:31, 6F
文章代碼(AID): #1I9AG7yY (Web_Design)