+
95
-

css如何实现保持容器的长宽比?

css如何实现保持容器的长宽比?


网友回复

+
15
-

两种方式

1、width与padding-bottom实现,兼容性强

2、aspect-ratio现在浏览器兼容,老浏览器不兼容

两则的示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

     <style>
.container {
  position: relative;
  width: 100%;  
  padd...

点击查看剩余70%

我知道答案,我要回答