做专题网站时,通常都由设计师先设计版面 (对方不懂切版)
但常因为分辨率不同,版面容易会跑掉
但设计师希望看起来都能维持原比例
通常的 responsive 解法就是做好几种版面,再用 media 的方式去呼叫
但这样有时候要切很多种 ... 相当麻烦
突然想到,如果网站的所有元素都用 vw 来定义的话,好像就解决了?
甚至连 padding、margin、font-size,通通都用 vw 来指定大小
这样不管怎么样缩放,都可以维持原先设计的样貌
当然某些真的差太多的状况,例如手机,还是需要另外设计一种版面
但似乎就不用特地针对 1280、1440、1920 等分辨率另外切版
只要切桌机、手机,两种版本就好
好奇想请教,像这样全部都用 vw 的设计,会有什么问题吗?
还是说其实业界早就已经很常这样做了呢?
(刚刚以 everything scale with vw 查 google 好像没看到XD)