gpt4 book ai didi

css - 如何在屏幕尺寸更改时阻止图像缩放

转载 作者:太空宇宙 更新时间:2023-11-04 09:14:52 24 4
gpt4 key购买 nike

现在我的 wordpress 网站已设置好,因此图像会随着屏幕尺寸的变化而缩放。相反,我希望图像可以在屏幕中央保持特定尺寸,并在屏幕尺寸改变时在左右两侧均匀裁剪。

我试过 max-width:none 但这并没有保留和裁剪页面中心的图像。

网址:Zxndesignco.com

有问题的图像是主页上唯一的图像。我只懂 CSS,所以我希望有一个 CSS 解决方案。

我正在处理的示例:https://gatewaydemo.wordpress.com/

感谢您的帮助。

最佳答案

一般的想法是不使用图像,而是使该图像成为该英雄部分的 background-image。所以删除 img 标签并添加类似这样的 CSS 到 .sow-image-container height: 400px;背景:url(https://zxndesignco.com/wp-content/uploads/2016/12/HomeImg.jpg)居上;背景大小:覆盖

关于css - 如何在屏幕尺寸更改时阻止图像缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41840405/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com