Css 不使用背景属性的全幅图像
我正试图建立一个基本的投资组合使用wordpress作为cms,每个项目不同的职位等 我希望图像填充屏幕宽度(流畅,因此会在调整大小时缩放),但不使用背景url属性,因为这会导致非常混乱的代码和我不想要的裁剪 简单的类宽度100%图像宽度100%适用于实际图像尺寸以下的尺寸,但当屏幕大于图像时,它不会填充图像Css 不使用背景属性的全幅图像,css,image,width,Css,Image,Width,我正试图建立一个基本的投资组合使用wordpress作为cms,每个项目不同的职位等 我希望图像填充屏幕宽度(流畅,因此会在调整大小时缩放),但不使用背景url属性,因为这会导致非常混乱的代码和我不想要的裁剪 简单的类宽度100%图像宽度100%适用于实际图像尺寸以下的尺寸,但当屏幕大于图像时,它不会填充图像 有没有办法在不使用背景URL的情况下强制使图像大于其本机分辨率(我知道这会影响质量)?图像不能放大的原因是CSS中的以下规则: img, object, embed { max-wi
有没有办法在不使用背景URL的情况下强制使图像大于其本机分辨率(我知道这会影响质量)?图像不能放大的原因是CSS中的以下规则:
img, object, embed
{
max-width: 1140px;
}
要么:
- 删除此规则,或
- 从该规则中排除
选择器,或img
- 保持上述规则不变,只为需要放大的图像添加一条附加规则,将
重新定义为max width
,例如:none
.wrapper>p>img { max-width: none; }
正是按照您所描述的那样做的——它在拉伸/收缩图像的同时填充容器。或者你想重复图像而不是拉伸它?对不起,我在那个问题上有点含糊不清。我希望图像保持其比例(因此我使用的是宽度=100%高度=自动),您可以创建一个或发布一个可以看到问题的站点URL吗?抱歉,请不要忘记点击回车键注释:图像在缩小窗口大小时缩放得非常好,但它们只能缩放到其本机分辨率,因此,当窗口大于某个点时,它们不会填充。我在后台url属性上有点混乱,但我试图在“posts”中保留尽可能少的代码,理想情况下它应该是img src linesPerfect,我想我已经捕获了每个max-width实例,完全忽略了这一个。现在感觉有点不舒服,谢谢你的帮助!