缩放图像CSS

我使用的是Nivo Slider，所有的图像都是相同的“高度/宽度”766x400，但是当在Firefox中查看滑块时，它会将所有内容放大到1,333像素×696像素。缩放图像CSS

有趣的是，当你在浏览器中进行分屏时，一切看起来都很好，但全屏显示的一切都被炸毁了。

我不知道我应该用什么CSS代码来解决这个问题

我会发表我的整个“代码”，但图片都与我的业务，我真的不知道。

感谢

来源

2013-06-02 user2444595

可以使用虚拟/临时图像是安全的，其他人希望看到你已经完成的代码 – arnold

嗨，谢谢我用Nivo滑块中的演示版替换了原始图像。 – user2444595

这可以通过NIVO滑块设置内嵌样式引起的，但它是很难说的原因可能是与例如CSS /标记的内容。

然而，对于响应图像的基本情况是，以确保width（或者，经常优选地，max-width）设置为100%，而且height设置为auto。如果有内联CSS会覆盖您自己的CSS，那么您可能需要将!important添加到这些规则中，或编辑Nivo Slider的插件文件并删除内联样式的打印。

所以基本上，试试这个（但你可能需要使用一个更具体的选择，你不应该使用!important，除非它是绝对必要）：

img { 
    max-width: 100% !important; 
    height: auto !important; 
}

来源

2013-06-02 07:10:01

嗨，感谢您的回复，我如何向您发送我的代码？我试图在这里发布它，但stackoverflow不会允许它。 – user2444595

把它放在jsfiddle或类似的地方，并链接到它。 –

我甚至从来没有见过这样的程序，也不确定如何将自己的东西连接到自己的Nils。这将是最好的如果我只能通过电子邮件发送详细的代码，我的企业电子邮件是[email protected]我个人不认为使用堆栈溢出是很难的。 – user2444595

回答

相关问题