css网格不能正常工作在Android的chrome浏览器

2022-01-28 13:40:59 标签 androidhtmlcssgoogle-chromesamsung-mobile

它简单的css和html。但首先(蓝色)栏打破了(包装)Chrome为安卓(三星S10 S20 S21)。

“不现在说唱”对我不好。它只是破坏了布局。

如果行更少。大概4或5个,它能正常工作。

你能否确认这个问题是否只存在于搭载Chrome的三星设备上?

我做错什么了吗?

这里是这个代码的CodePen链接

https://codepen。io/arlazarov-anton/full/PojmgWY

.box {
    display: grid;
    grid-template-columns: max-content 1fr;
}
.title {
    background: blue;
}
.text {
    background: red;
}
<div class="box">
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
    <div class="title">Some Text</div>
    <div class="text">Some Text</div>
</div>

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码