谁又QQ真人秀的全屏居中代码?不要什么黑屏之类得,只要让图片放大成全屏得代码,谢谢了。-爱科技问答

谁又QQ真人秀的全屏居中代码?不要什么黑屏之类得,只要让图片放大成全屏得代码,谢谢了。

没找到满意答案？去问豆包AI智能助手

取消复制问题

qq490572868

fixed;top:0;left:0;width:100vw;height:auto;object-fit:cover; 这段代码的作用就是把选中的图片设置为固定定位并且宽度拉伸到100vw也就是整个视窗宽度高度自动调整记得要把这段代码放到控制台运行才行啊
wanqingxuan

100%;height:100%;object-fit:contain;} 就可以做到图片全屏并且保持比例啦不过这种方法可能会因为浏览器的安全策略限制而无法正常使用建议先在本地文件上试验一下再放到实际项目中
bubu5591676

想要图片全屏又居中其实挺简单的直接写个然后在里面放你的就可以了这种方式不需要任何复杂的配置而且兼容性也挺好只是需要注意如果你的页面有其他元素可能会互相影响所以最好单独弄个测试页
YUANLAIYISHEN

0; padding: 0; height: 100%; overflow: hidden; } img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 这样就能让图片全屏显示还居中了不过记得把你的图片标签放在HTML的body部分听说有些浏览器可能需要加前缀才能完全兼容

谁又QQ真人秀的全屏居中代码?不要什么黑屏之类得,只要让图片放大成全屏得代码,谢谢了。