小编And*_*ope的帖子

Tailwind CSS 站点未显示响应式版本

当我在 Chrome 中查看此站点并使用开发工具查看移动站点时,它正确显示为 1 列,但从 iPhone 查看时仍为 2 列?

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
</head>
<body class="h-full font-proza">
<div class="container mx-auto flex justify-center">
    <div class="w-2/3">
        <!-- Two columns -->
        <div class="flex mb-4 flex-wrap md:flex-no-wrap">
            <div class="w-full md:w-1/2 md:mr-10 mr-0">
                Left Text
            </div>
            <div class="w-full md:w-1/2 mt-10 md:mt-0">
                Some Text
            </div>
        </div>

    </div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

css tailwind-css

-4
推荐指数
1
解决办法
4089
查看次数

标签 统计

css ×1

tailwind-css ×1