[問題] 關於網頁固定大小,自動縮放至全螢幕

看板Web_Design作者 (Gene)時間10年前 (2015/06/16 22:56), 10年前編輯推噓3(308)
留言11則, 5人參與, 最新討論串1/1
最近在設計網站有固定排版,且一個pixel都不能有偏差的顯示到 各種螢幕大小的需求,有查到viewport ,但是似乎無效, 假設1280x720的網頁要放大到1920x1080的螢幕,把init-scaled=1.5 ,不會放大1.5倍,請問有人有研究過這方面的問題嗎? 感恩 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.245.65.77 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1434466604.A.405.html ※ 編輯: gene7299 (27.245.65.77), 06/16/2015 22:57:07

06/16 23:39, , 1F
之前作手機web,試很久,最後還是用js來處理所有元件
06/16 23:39, 1F

06/16 23:39, , 2F
用一個固定的版型,然後全部照比例展延
06/16 23:39, 2F

06/16 23:40, , 3F
總算也是弄到平板、手機都能用,花不少時間
06/16 23:40, 3F

06/16 23:40, , 4F
這絕不是改改init-scaled、zoom就能解決的
06/16 23:40, 4F

06/16 23:41, , 5F
不同大小還有不同適合大的字體,不是全自動 :)
06/16 23:41, 5F

06/18 19:02, , 6F
圖片不在意糊掉直接 transform: scale(1.5) lol
06/18 19:02, 6F

06/18 20:44, , 7F
如果一開始scale(0.5)呢
06/18 20:44, 7F

06/18 23:16, , 8F
既然是等比例放大好像沒有什麼一個pixel都不能偏差可言XD
06/18 23:16, 8F

06/18 23:17, , 9F
所有位置和尺寸都用百分比指定的話呢?
06/18 23:17, 9F

06/23 20:35, , 10F
<meta name="viewport" content="initial-scale=2.0,
06/23 20:35, 10F

06/23 20:35, , 11F
width=device-width" />
06/23 20:35, 11F
文章代碼(AID): #1LW3aiG5 (Web_Design)