对齐图像以进行响应式设计

Question

我希望在h2的两侧均匀对齐两个图像以进行响应式设计，并允许图像在缩小浏览器时缩小，最终在移动设备等小窗口中消失。想知道我做错了什么。

JsFiddle

Answer 1

h2也需要float: left;

Answer 2

您还需要创建一个css表，根据屏幕大小（以像素为单位）调用操作

见链接： jsfiddle

然后你只需要使用左浮动

#tag-container h2.tag {
    font-family: 'Droid Serif', serif;
    font-size: 52px;
    font-style: italic;
    color: #34291c;
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    text-align: center;
    margin: 0;
    **float: left;**

}