欢迎来到 SiteSMO | 思默AI智能问答平台!
注册或点击登录代表您同意《SiteSMO网络服务安全协议》
提示信息
请打开微信扫码登录
返回列表

图片如何用CSS控制尺寸?

举报
160阅读 | 0人回复 | 2023-04-18 11:38:55
Tag:CSS图片

如果图片本身小于1600px,那显示原图。
如果图片宽度超出1600px,那么图片只显示1600px?

本帖由 Hi' ... 发布,如有侵权联系删除 IP属地:浙江

可以使用CSS中的max-width属性来控制图片的尺寸。以下是实现你所描述的效果的CSS代码:

img {
  max-width: 1600px;
  width: 100%;
  height: auto;
}

这段代码将图片的最大宽度设置为1600px,如果图片本身宽度小于1600px,则显示原图。如果图片宽度超出1600px,则图片宽度将被缩小到1600px,高度将按比例自动调整。width: 100%;height: auto;的作用是保持图片的宽高比例不变。

复制
0
0

注:避免重复,不要就相同的标题进行反复追问。

回答共0个
回复禁止带推广链接、违法词及灌水,违规将封禁账号!!
您需要登录后才可以回复 注册 / 登录
每个账号仅有一次回答机会!
取消
提示信息
请选择举报理由
我要回答