[問題] responsive web design跟box定位問題

看板Web_Design作者 (sdlong)時間12年前 (2013/11/19 18:03), 編輯推噓0(004)
留言4則, 1人參與, 最新討論串1/1
http://www.apple.com/tw/iphone-5s/ 以這個介紹iphone的網頁為例 每一個分頁,剛好就是一個瀏覽器的頁面 不管怎麼放大縮小,都會自動調整box的寬跟高符合瀏覽器的大小 請問這是用什麼方法做出來的? & 在這種情況下,又如何精準把它定位在水平跟垂直居中(或某個百分比上?) 水平居中我只知道 margin: 0 auto; ... Orz 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.136.248.181

11/19 18:22, , 1F
apple => top:n*100% height:100%
11/19 18:22, 1F

11/19 18:25, , 2F
然後分頁的切換靠CSS3的translate
11/19 18:25, 2F

11/19 18:25, , 3F
(一樣用%來調整)
11/19 18:25, 3F

11/19 18:26, , 4F
不過沒拿IE8開過這網頁 不知會不會悲劇www
11/19 18:26, 4F
文章代碼(AID): #1IYpT_58 (Web_Design)