博客获取动态缩放图像的CSS代码

Question

对于我的投资组合网站，我想实现一些 CSS 代码，这些代码允许我控制在我的 Blogger 上动态缩放图像的变量。 http://www.bryan3d.com

这意味着当您通过调整大小来操纵窗口时，图像(由 imgur 托管)的缩放比例将即时调整大小。

虽然用户使用的是 Squarespace，但可以在此处看到此功能的工作示例:http://jasonlavoie.net/personal/#/deusudk-environmentart/

我可以通过 blogger 实现相同的功能吗？

Answer 1

请看我的回答:How do I make an html image responsive?

将此添加到您的 css 文件中:

img {
    width: 100%;
    height: auto;
}

这将影响所有 img 元素。更具体地说，您可以使用特定的 ID，例如:

#headerhj img {
    width: 100%;
    height: auto;
}

参见:http://www.w3schools.com/css/css_rwd_images.asp