时间戳

首页 > 解决方案 > 网格系统在 PC 中完美运行，但在移动设备中无法运行 - 它在移动设备上显示相同的 PC 视图

css - 网格系统在 PC 中完美运行，但在移动设备中无法运行 - 它在移动设备上显示相同的 PC 视图

问题描述

网格系统在 pc 上完美运行，但在移动设备上无法运行。

它在移动设备上显示相同的 PC 视图。

谁能告诉我这段代码有什么问题？

<div class="row">
        <div class="col-md-3 col-6">
            <a href="https://www.facebook.com"><img src="img/images.jpg" /></a> 
        </div>
        <div class="col-md-3 col-6">
           <a href="https://www.linkedin.com/"><img src="img/download.png"/></a> 
        </div>
        <div class="col-md-3  col-6">
           <a href="https://github.com"><img src="img/14.png" /></a></div>
        <div class="col-md-3 col-6">
           <a href="https://www.instagram.com"><img src="img/images (1).jpg"  /> 
        </a>
        </d>
</div>

标签： cssbootstrap-4

解决方案

<head>尝试在文档开头将其添加到您的代码中：

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

希望这可以帮助！

推荐阅读