有没有替代它,或者我应该回到浮点数,等待支持到来?

.grid_root {
  display: grid;
  grid-column-gap: 1px;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
}

示例(在手机中使用全屏预览): https//plnkr.co/edit/c6Znq3rtEfQK0Ky1wugt?p = preview

#1楼 票数:2 已采纳

尝试使用webkit前缀。 在我的iPad上使用Safari。

.grid_root {
  display: grid;
  grid-column-gap: 1px;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content; /* new */
  grid-auto-columns: min-content;
}

修订演示

  ask by yodalr translate from so

未解决问题?本站智能推荐:

1回复

grid-template-rows:Safari中的自动错误

我现在正在学习CSS Grid,并在野生动物园中遇到“错误” 范例程式码 html, body { width: 100%; height: 100%; color: white; text-transform: uppercase; text-align: center;
1回复

Safari上的CSS网格和绝对定位

我有一个css网格布局的问题。 网格容器是绝对定位的,并且网格模板行包含1fr,以允许一行占用所有可用空间。 这在除了安装了macOS 10.13.2的最新Safari之外的所有当前浏览器上都能正确显示 问题似乎是由于如果没有明确设置高度,它不会计算自由空间。 我错过了什
1回复

Flexbox无法在Safari和IOS中使用

我已经制作了一个响应式flexbox网格。 它适用于Chrome,但不适用于Safari和IOS。 我肯定错过了什么。 谁能告诉我我在做什么错? codepen
3回复

Flex / Grid 布局不适用于按钮或字段集元素

我正在尝试使用 flexbox 的justify-content: center将<button> -tag 的内部元素justify-content: center 。 但是 Safari 不会将它们居中。 我可以将相同的样式应用于任何其他标签,并且它按预期工作(请参阅<p>
1回复

CSS Border Radius无法在iOS上运行

我在iOS(safari)上使用边框时遇到了一些麻烦。 我有一个图像(我的gravatar),我想给出一个10px实心和白色的圆形边框。 要实现这一点,我有HTML 和CSS JSFiddle http://jsfiddle.net/2UT8v/2/ 我正在使用
1回复

为什么flex会影响iOS上的字体大小?

在Safari iOS上使用flexbox确认字体大小受到某种影响后,我感到非常震惊 iOS版 桌面 码 a { font-size: 14px; } a + a { margin-left: 1em; } .flex { display: flex; }
1回复

iOS 11.2.5上不会旋转Textarea插入符号

我有一个旋转45度的textarea 问题是,在iOS设备上,文本插入符号不会旋转,它显示为一个大怪异的框。 textarea { border: 1em dashed red; padding: 1em; transform: rotate(-45deg); }
1回复

为什么此动画在Safari(包括iOS)中不起作用?

我什至不知道还能尝试什么。 我什至把它通过CSS验证器传递,并且通过了。 适用于Chrome和Firefox。 Safari没有显示我可以告诉的警告或错误。 相关CSS: http://jsbin.com/yobatuveji/1