使用blogger获取动态缩放图像的CSS代码

时间:2016-01-09 01:25:43

标签: css blogs blogger

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

这意味着当您通过调整大小来操纵窗口时,图像的缩放(由imgur托管)将会动态调整大小。

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

我可以通过博客来实现相同的功能吗?

1 个答案:

答案 0 :(得分:0)

请参阅我的回答: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