grid-template- Safari 13中不支持的列
grid-template-columns 是 CSS Grid 布局中的一个属性，用于定义网格容器中的列的大小和数量。它指定了每一列的宽度、最小宽度、最大宽度以及自动布局等信息。
在 Safari 13 中，grid-template-columns 不支持列。这意味着在使用 CSS Grid 布局时，无法通过 grid-template-columns 属性来定义列的大小和数量。这可能会导致在 Safari 13 中的布局效果与其他浏览器不一致。
解决这个问题的方法是使用其他布局方式或者使用其他属性来定义列的大小和数量。例如，可以使用 flexbox 布局来代替 CSS Grid 布局，或者使用其他支持的属性来定义列，如 grid-auto-columns、grid-column 或者 grid-column-start/grid-column-end。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
我遇到了一个问题，在Safari 13中，我的React组件中的网格列显示在单独的行上。很多次谷歌搜索都没有找到任何结果，我真的希望这里有人能帮上忙。下面是我的React组件的代码(我省略了一些不相关的状态和函数)： import React, { useState, useRef } from 'react'
import classNames from|| 'No details available'}<
浏览 28提问于2021-07-12得票数 0
1回答
我想使用CSS网格来布局一些项目，当它们在同一列中并重叠时，可以给彼此留出一些空间。这里有一张图片来说明我想要实现的目标：<div id="container"> <div id="samurai"></div>
<div我尝试用CSS Grid做的事情是可能的吗？我能想到的唯一方法就是将列<
浏览 8提问于2019-10-30得票数 0
我使用的是HTML表格，表单元素之间有太多的空格。这是我的表单HTML代码(有点长，但网格只在form-element类中定义)：我的表单元素CSS：我试着给grid-template-column赋予不同的值，但它总是看起来很糟糕(将最后一个元素移到下一行，更糟糕的输出)
<code>B2</code&g
浏览 31提问于2020-03-17得票数 1
回答已采纳
0pXdwEz+mZ/xD0qLLNDMVgeorh4Qr4Fv06RA35mAlk4=" crossorigin="anonymous"></script>script-src 'self' 'sha256-0pXdwEz+mZ/xD0qLLNDMVgeorh4Qr4Fv06RA35mAlk4='
在没有指令“self”的情况下，我得到的<
浏览 0提问于2020-10-17得票数 0
回答已采纳
1.使用原始纵横比将图片填充到指定宽度的容器中3.它必须是流体的
它只能通过CSS网格布局来实现吗？
浏览 1提问于2020-03-01得票数 0
我想动态创建div部分的列--数量取决于服务器的响应。 我想使用display: grid；和grid-template- column将这个div部分显示为一个列。我不能设置的问题是:grid-template-column，因为我直到runt时间才知道确切的数字。我想要所有的功能，网格css提供的，当屏幕尺寸缩小的列向下排… 我有以下代码： for (let i = 0; i < numberOfWidge
浏览 40提问于2021-04-14得票数 1
1回答
据我所知，从上个月起，Safari支持CSS Grid。然而，当我用网格容器加载页面时，我的项目不会被动态重复--它们占据了整个容器的宽度。rgba(20, 20, 20, 0.6); border-width: 2px;我的html
浏览 2提问于2017-04-12得票数 5
我们使用grid-auto-rows和grid-auto-columns的隐式网格。有什么我们只能用grid-auto-*，而不能用grid-template-*与repeat和auto-fill/auto-fit相结合？
如果是，是否有方法在隐式^行/列之后指定显式^行/列？
浏览 0提问于2018-08-09得票数 2
我已经创建了一个网站，它可以在Windows上的所有浏览器上正常工作，但在Safari中，布局是相当无结构的。问题出在哪里？Windows上的safari是否不支持Bootstrap 4？
浏览 3提问于2019-03-07得票数 0
1回答
我认为使用相对单位来开始我的一个新项目会是一个好主意。当我在做它的时候，我检查了chrome仿真，以确保所有的东西在这些设备上都工作得很好，而且看起来也很好。然后我把它推给heroku，它在我的macbook上看起来很好，但当我把它加载到我的iPad上时，我真想把它扔到窗外去…… position:relative;skycloudsalpha.jpg'); background-position: 50
浏览 0提问于2014-08-11得票数 9
回答已采纳
1回答
我正在写一些涉及CSS标签的代码，但是IE不支持:target css3属性。我有一个解决办法，可以通过检查间隔(ew)中的散列值，但我希望只在不支持:target时运行该代码。我会做常规的IE检查，除了早期版本的Firefox不支持它，早期的Safari或Opera也不支持。有谁知道如何测试:目标支持？
浏览 1提问于2009-08-05得票数 0
回答已采纳
2回答
基于，我固定了表中的第一个左列。只有当屏幕大小小于768 is时，列才会被固定--此时表是可滚动的(请参阅)。它在安卓、桌面Chrome和桌面Safari上运行得很好，但在iOS Safari和Chrome上却不起作用。iOS不支持position:absolute吗？如果其他人有任何替代的实现，我会接受这作为一个答案。
浏览 7提问于2013-12-30得票数 1
回答已采纳
我正在使用基于PhoneGap的Ionic框架制作一个应用程序。
我对几个属性使用了“vw”度量，使其对所有设备都可以调整大小，无论是iOS还是安卓。当我使用“离子型服务”选项和8.1版的iOS模拟器在浏览器上运行时，我得到了预期的结果，但是当我在iOS 7.1模拟器上运行时，所有-而且只有与边框相关的属性都没有呈现出来。
浏览 1提问于2015-01-16得票数 5
回答已采纳
1回答
我有一个以表格格式显示数据的网格。我公司的前一个开发人员使用grid-template- column和minmax属性来实现视图，但是其中一个表有一个很宽的第一列，其他列都可以。我如何均匀地将它们隔开，使它们具有相同的宽度？我尝试过使用minmax(auto，1fr)和repeat(auto-fill，minmax(max-content，1fr))，但它只是弄乱了视图的整个结构 主容器具有以下CSS： displaygrid;
gr
浏览 24提问于2019-06-27得票数 0
2回答
为什么Safari和Chrome忽略最小宽度的CSS属性？Example 这在IE和火狐浏览器中有效，但在Safari和Chrome中不起作用。
浏览 0提问于2011-08-17得票数 18
回答已采纳
下面的代码在Chrome中工作得很好，但在Safari中却没有。不支持它。如果您以“小”列宽度开始，然后将其设置为位，则它可以工作。如果你再缩小它，那就是Safari失败的地方。检查Safari下的页面，我可以看到CSS属性显示: none；被应用了，但是似乎还有剩余的只要“摆弄”结果列的宽度
浏览 1提问于2016-05-25得票数 5
回答已采纳
除了Safari之外，所有浏览器都正常工作。问题是使用document.location.hash，散列在Safari中返回为空。不管怎么说在Safari发生了这件事。postMessage({ method:'resize', message:msg}, parent_url, parent );更新：
因此，父窗口正在创建一个Iframe，它将'#url‘追加到它的末尾我使用document.location.hash.replace( /^#/
浏览 0提问于2015-01-21得票数 3
macgap使用Safari webkit，但它不支持从剪贴板粘贴图像，也不支持Safari本身。
有没有办法通过Macgap源代码来处理剪贴板上的图片？或者通过Safari处理剪贴板上的图片？
浏览 0提问于2014-09-20得票数 0
2回答
由于某些原因，当Safari应该能够识别我在这里给出的<source srcset="">值时，它总是退回到<img>标记。"></picture>
这似乎可以在chrome中找到，但是谁能解释一下为什么Safari忽略这些srcset属性，
浏览 0提问于2015-11-25得票数 0
我的html5输入类型的必需标记在Safari中不起作用。当我尝试在不填写必填字段的情况下提交时，它就会通过。:(它应该有警告或提醒，告诉填写字段。
请帮帮我。谢谢!
浏览 1提问于2014-04-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
