您好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>
并调整窗口的大小,它们会变得越来越小。.那么,有什么方法可以使它们保持更大但更短?请帮忙!
从本质上讲,“响应”是指对窗口或视口的大小或类型做出响应,因此元素将根据您创建代码的方式来更改大小或样式。
元标记:视口可实现以下选项:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
如果不希望在窗口/视口更改时调整元素的大小,则需要在CSS或样式中明确显示。例如设置:
min-width: 200px; max-width:200px;
将强制该元素保持在200px。但是,如果要执行此操作,恕我直言,无需使用视口元标记。样式将根据您在CSS中提供的参数做出响应,在这种情况下,您需要考虑每种类型的设备(iPad,Android智能手机,宽屏iMac等)的样式表的每个版本。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句