html - 为响应式设计对齐图像

Question

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

提琴手

Answer 1

h2也需要float: left;有

Answer 2

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

见链接： jsfiddle

那么你所需要的就是使用 float left

#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;**

}