css 宽度设置100%,怎么设置让高度和宽度相等?
用padding百分比设置,百分比是基于父元素的宽度的百分比的内边距, 你css设置 width: 100%;padding-top: 100%;position: relative;子元素设置position: absolute;top: 0;left:0;width: 100%;height: 100%;
百分比去父级找定值,有效值通常是根据这个定值计算而来的。但如果是做宽高全等这种需求的话,用百分比做单位我觉得本身不太合适,建议采用可以方便的转换为一个固定值的单位,比如rem或者vw、vh,比如都用40vw或者40rem,那么就不存在这个问题。
2 回答889 阅读✓ 已解决
3 回答714 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
2 回答2.6k 阅读
1 回答1.1k 阅读✓ 已解决
提供一种思路: