Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 不使用背景属性的全幅图像_Css_Image_Width - Fatal编程技术网

Css 不使用背景属性的全幅图像

Css 不使用背景属性的全幅图像,css,image,width,Css,Image,Width,我正试图建立一个基本的投资组合使用wordpress作为cms,每个项目不同的职位等 我希望图像填充屏幕宽度(流畅,因此会在调整大小时缩放),但不使用背景url属性,因为这会导致非常混乱的代码和我不想要的裁剪 简单的类宽度100%图像宽度100%适用于实际图像尺寸以下的尺寸,但当屏幕大于图像时,它不会填充图像 有没有办法在不使用背景URL的情况下强制使图像大于其本机分辨率(我知道这会影响质量)?图像不能放大的原因是CSS中的以下规则: img, object, embed { max-wi

我正试图建立一个基本的投资组合使用wordpress作为cms,每个项目不同的职位等

我希望图像填充屏幕宽度(流畅,因此会在调整大小时缩放),但不使用背景url属性,因为这会导致非常混乱的代码和我不想要的裁剪

简单的类宽度100%图像宽度100%适用于实际图像尺寸以下的尺寸,但当屏幕大于图像时,它不会填充图像


有没有办法在不使用背景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实例,完全忽略了这一个。现在感觉有点不舒服,谢谢你的帮助!