在16:9屏幕上开发的页面能否自适应4:3或21:9的屏幕?如果可以的话有哪些方法呢?

新手上路,请多包涵

在16:9屏幕上开发的页面能否自适应4:3或21:9的屏幕?如果可以的话有哪些方法呢?我目前就想出一种笨办法,针对特殊需求专门写几套媒体查询。rem写的话我想展现出来的效果也会比较奇怪

阅读 2.8k
2 个回答

这个其实是展示场景优化的适配问题,有一些策略,但不一定都有好的效果。
比如有的提出移动优先的设计优化方向其实和你这个是一样的道理。

一些可能的取巧方法:

  1. 规定具体的展示宽度
  2. 居中
  3. 两边随机填充不同宽度的外边

不过这个问题不可能有完美的解决,因为屏幕差异太大了,你应该主要考虑主要的场景。
对,这种设计策略就叫响应式布局设计,不过一般也有优化重点。

有个东西叫做:响应式

推荐问题