做專題網站時,通常都由設計師先設計版面 (對方不懂切版)
但常因為解析度不同,版面容易會跑掉
但設計師希望看起來都能維持原比例
通常的 responsive 解法就是做好幾種版面,再用 media 的方式去呼叫
但這樣有時候要切很多種 ... 相當麻煩
突然想到,如果網站的所有元素都用 vw 來定義的話,好像就解決了?
甚至連 padding、margin、font-size,通通都用 vw 來指定大小
這樣不管怎麼樣縮放,都可以維持原先設計的樣貌
當然某些真的差太多的狀況,例如手機,還是需要另外設計一種版面
但似乎就不用特地針對 1280、1440、1920 等解析度另外切版
只要切桌機、手機,兩種版本就好
好奇想請教,像這樣全部都用 vw 的設計,會有什麼問題嗎?
還是說其實業界早就已經很常這樣做了呢?
(剛剛以 everything scale with vw 查 google 好像沒看到XD)