请教关于css遇到的一些问题 想请教版上的前辈
假设我有个需求 类似在手机上 一个页面显示一张扑克牌
然后希望可以左右滑动 (类似一直往右发展 新增牌)
但不同手机上 width 跟 height不同
我原本是用Jquery 来抓取装置 再来控制每个元件的大小
但这样发现要抓的项目很多, 用百分比又会遇到一个点
一直想不太透,如果大方向都是使用%
但padding margin那些如果是固定的px 就会不太一样了
请问对于不同手机上 如何让画面看起来是一样的?
例如 也许 A按钮30% B按钮70% 但是如果需要padding margin 怎么办?
另外还有一个问题,想请教
如果 页面是横向的话 width 100%就无法使用了
这样除了利用Jquery 去抓装置的width外
纯css有什么写法 可以做到同样效果(width 100%)呢?
谢谢

感谢各位的建议

100vw 100vh ?

%, px, em, rem 等等单位都是混用的。依我看过不少人的切版code，都是拿上面讲的4个在混用。比例跟绝对像素，的确概念不一样，但这目前就是各自为政，只要你写得出来就好了。不同手机的话就是media query 勤劳多写一点

calc()

100vwwidth: 100vw; max-width:(你预期最宽不超过的px)

谢谢 我来试试看

手机横放可以多写一个 query 定义orientation: landscape；padding 跟 margin 用em或 rem 我觉得比较好，会根据你的字体大小变换。

留白固定比较好，字体大小是个人喜好，像我都调到 28去了，留白没必要跟着变

响应式断点 svg 百分比跟vw vh的差别去看看

我个人是会用vw，rem，em，%混用