响应式网页设计CSS

Question

我目前正在开发一个快速响应的网站。我希望网页在任何设备上查看时都能保持其宽高比。我使用了视口。但它没有太大变化。我怎么能用CSS做到这一点？

Answer 1

保留，你的意思是像素大小相同吗？如果是这样，您可以通过设置容器div的大小（以像素为单位）来实现。

但是，根据你的标题，你的意思是保留比例，然后你可以通过简单地设置百分比的宽度和高度，或者使用vh和vw来实现。