2016 - 2024

感恩一路有你

cssci 做响应式网页,如何让一个div的高和宽保持比例放大,缩小?

浏览量:2445 时间:2021-03-13 11:54:02 作者:admin

做响应式网页,如何让一个div的高和宽保持比例放大,缩小?

1. 方案一:响应类型。您可以根据媒体查询设置不同屏幕宽度下div的高度和宽度。具体设置取决于您希望如何显示@仅媒体屏幕和(最小宽度:100px)和(最大宽度:640px){div{width:100px height:100px}@仅媒体屏幕和(最小宽度:641px)和(最大宽度:789px){div{width:200px)}2。方案2:按百分比计算,你需要在这里使用一些技巧。当使用百分比作为单位时,填充是相对于容器的宽度计算的,因此可以将高度设置为0,内容将自然溢出,并设置填充底部高度:0宽度:50%填充-底部:30%所以这个div的纵横比是30%:50%

cssci jquery设置宽高 快捷键放大缩小是哪个

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。