div自适应浏览器宽度 做响应式网页，如何让一个div的高和宽保持比例放大，缩小？

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

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

div自适应浏览器宽度 div自适应窗口大小 html页面随窗口大小改变

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