使图片一个尺寸无法辨认或什么的

Question

Hello stackoverflow人，我需要帮助。当窗口调整大小（制作响应式网站）时，我不知道如何制作这两条线路，它们有风的部分将与它们一样大。

因为当我这样做时：

                <div class="titul_caption">
                    <img src="/wp-content/themes/forthecause/images/elemo1.png">
                    <p><?php  echo $temos_set['titul_text']; ?></p> 
                    <img src="/wp-content/themes/forthecause/images/emelo12.png">          
                </div>

调整窗口大小，它们越来越小.. 那么有什么办法让它们保持大而短？请帮忙！

Answer 1

本质上，“响应”意味着响应窗口或视口的大小或类型，因此元素会根据您创建代码的方式更改大小或样式。

元标记：视口实现了此选项：

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

如果您不希望在窗口/视口更改时调整元素大小，则需要在css或样式中显式。例如设置：

 min-width: 200px; max-width:200px;

将强制元素保持在200px。但是，如果你打算这样做，恕我直言，没有必要使用视口元标记。样式将根据您在css中提供的参数进行响应，在这种情况下，您需要考虑每种类型设备（iPad，Android智能手机，宽屏iMac等）的样式表的每个版本。