vw:考虑到滚动条的更好的大众和大众单位

视口宽度 :dna: 关于视口宽度 注意：尽管有此名称，此程序包可同时适用于视口的宽度和高度单位 该软件包旨在解决CSS中视口单元的常见问题。 这些仅是百分比单位，始终相对于视口保持不变。 . wrap { width : 800 px ; position : relative; } . wrap img { width : 100 % ; } . wrap . alignfull { width : 100 vw ; position : relative; left : 50 % ; transform : translateX ( -50 % ); } 在上面的示例中， img将具有100％的父级宽度，即800px而任何具有alignfull类的alignfull将具有100％的视口。 这是在较窄的容器内制作全宽部分的简单解决方案：元素相对放置，允许我们通过将left: