作者gene7299 (Gene)
看板Web_Design
標題[問題] 關於網頁固定大小,自動縮放至全螢幕
時間Tue Jun 16 22:56:41 2015
最近在設計網站有固定排版,且一個pixel都不能有偏差的顯示到
各種螢幕大小的需求,有查到viewport ,但是似乎無效,
假設1280x720的網頁要放大到1920x1080的螢幕,把init-scaled=1.5
,不會放大1.5倍,請問有人有研究過這方面的問題嗎?
感恩
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.245.65.77
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1434466604.A.405.html
※ 編輯: gene7299 (27.245.65.77), 06/16/2015 22:57:07
1F:推 shadowjohn: 之前作手機web,試很久,最後還是用js來處理所有元件 06/16 23:39
2F:→ shadowjohn: 用一個固定的版型,然後全部照比例展延 06/16 23:39
3F:→ shadowjohn: 總算也是弄到平板、手機都能用,花不少時間 06/16 23:40
4F:→ shadowjohn: 這絕不是改改init-scaled、zoom就能解決的 06/16 23:40
5F:→ shadowjohn: 不同大小還有不同適合大的字體,不是全自動 :) 06/16 23:41
6F:推 Fantasywind: 圖片不在意糊掉直接 transform: scale(1.5) lol 06/18 19:02
7F:→ dragonnantou: 如果一開始scale(0.5)呢 06/18 20:44
8F:→ miau: 既然是等比例放大好像沒有什麼一個pixel都不能偏差可言XD 06/18 23:16
9F:→ miau: 所有位置和尺寸都用百分比指定的話呢? 06/18 23:17
10F:推 smallma009: <meta name="viewport" content="initial-scale=2.0, 06/23 20:35
11F:→ smallma009: width=device-width" /> 06/23 20:35