iphone - 使用媒体查询拆分弹性盒
问题描述
我有以下用于桌面的 flexbox。如何添加媒体查询,以便在 iphone 6 上我得到蓝色框居中,然后是红色框?
.container{
display:flex;
justify-content:space-around;
}
.left, .right{
width:40vw;
min-height:300px;
}
.left{
background-color:blue;
}
.right{
background-color:red;
}
<div class='container'>
<div class='left'>
</div>
<div class='right'>
</div>
<div>
解决方案
只需将 flex 更改为在 css 中阻塞并更改左右的宽度
推荐阅读
- node.js - 有人在赛普拉斯有一个使用 OneLogin 的例子吗?
- python - 类 __init__ 混合了固定长度和可变长度 **kwargs 参数
- ios - 访问组件的设置器时应用程序崩溃(iOS 13)
- python - Sagemaker 训练作业未将训练模型上传/保存到 S3 输出路径
- android - NoClassDefFoundError:com/amazonaws/mobile/client/AWSMobileClient
- java - Android WebView 进度条+滑动刷新
- javascript - 仅使用 javascrip 检查音频文件是否存在
- javascript - Firebase - AngularJS - 通过子值/键/名称获取父级
- c - 在 sudo 中运行程序时将目录的所有权更改为用户
- c# - 应用程序未正确运行 - 启用了自定义 Web 代理