我遇到了一个问题，在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备案
对象存储
云直播
腾讯会议活动推荐
腾讯云开发者
