问题描述
想要在页面的垂直居中位置放一个图片,图片上方重叠上一些文字。想要图片和文字,能够随着屏幕大小的改变,能按照比例缩放。
请问有什么好的实现思路?
想要在页面的垂直居中位置放一个图片,图片上方重叠上一些文字。想要图片和文字,能够随着屏幕大小的改变,能按照比例缩放。
请问有什么好的实现思路?
html, body {
width: 100%;
height: 100%;
}
div {
width: 20%;
height: 20%;
margin-top: 50%;
transform: translateY(-50%);
}
div {
position: absolute;
top: 0; bottom:0; left: 0; right:0;
width: 50%; height: 50%;
margin: auto;
background: red;
}
兼容性良好, 样式简单
27 回答13.8k 阅读
8 回答3.5k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
5 回答5.3k 阅读✓ 已解决
4 回答1.6k 阅读✓ 已解决
3 回答1.7k 阅读
4 回答2.3k 阅读✓ 已解决
div内部放置你的内容