作者Adicia (愛迪希亞)
看板Web_Design
標題[問題] 想做Responsive的網站
時間Mon Sep 2 22:43:15 2013
請教大家,做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)
→ jenesis:和數學沒什麼關係啦~用到的還不都是一堆加減乘除而已 09/02 22:59
推 wongwt:單純根據螢幕大小的話,twitter bootstrap倒是挺好用 09/02 23:03
推 ducksteven:通常用CSS media query做,IE8含以下用 respond.js模擬 09/03 00:30
→ ducksteven: 這是 bootstrap 3 的做法 ↑ 09/03 00:31