顶部: 50%；在Safari中不起作用
是一个CSS属性，用于指定一个元素的顶部边距相对于其包含块的百分比。在Safari浏览器中，这个属性可能不起作用。
CSS属性：顶部: 50%；在Safari中不起作用 概念：顶部: 50%；在Safari中不起作用是一种CSS属性，用于设置元素的顶部边距为其包含块高度的50%。然而，在Safari浏览器中，这个属性可能不会生效。 分类：CSS属性 优势：通过使用百分比单位，可以实现响应式布局，使元素在不同尺寸的容器中保持一定的相对位置。 应用场景：顶部: 50%；在Safari中不起作用可以在需要垂直居中元素的情况下使用，特别是在响应式设计中。 推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，可以满足各种需求。以下是一些与云计算相关的腾讯云产品：
- 云服务器（CVM）：腾讯云的弹性云服务器实例，提供可靠的计算能力和丰富的配置选项。 产品介绍链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的关系型数据库服务，提供高性能、可扩展的MySQL数据库。 产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：腾讯云的对象存储服务，提供安全可靠的云端存储和数据传输能力。 产品介绍链接地址：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：腾讯云的人工智能平台，提供丰富的机器学习和深度学习工具和服务。 产品介绍链接地址：https://cloud.tencent.com/product/ailab
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我已经成功地将div定位在另一个div的中心，但它在Safari浏览器中不起作用。
#box{
width: 100%;
height: 100%;
position: relative;
}
#inner_box {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
<div id="box">
&
浏览 5提问于2015-04-24得票数 0
回答已采纳
我正在尝试在角度的div中居中对齐文本(H1)。文本在Chrome中对齐正确，但在Safari中无法正常工作。我假设top:50%在safari中不起作用。提前谢谢。
当前CSS：
h1{
font-weight: bold;
text-align: center;
margin: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
请参考图片以供参考：
Chrome：
Safari：
浏览 1提问于2021-09-22得票数 0
3回答
我正在尝试显示一个table，它显示一些分组数据。
标题应该坚持(在视图端口的顶部)，还有一些包含组标题的表行。
为了简单起见，我在Codepen上创建了以下示例：
我试过的代码是：
td.sticky {
background: red;
color: white;
position: sticky;
top: 50px; // this is the header height
}
在Chrome & Firefox上运行得很好。
问题是它在Safari中不起作用(在Safari v14上进行了测试)，在Safari中也不起作用。请参见屏幕截图： --该行是粘性的
浏览 5提问于2021-10-19得票数 5
回答已采纳
1回答
我想要一个元素在水平和垂直的中心。元素在滚动时也应该是粘性的。
为此，我使用{ position: sticky; top: 50%; }
问题是，在safari中，元素在地址栏缩小后会稍微向下跳。
我想要的是元素不会跳转，在地址栏缩小之前它应该保持垂直的位置。我怎样才能做到这种行为呢？
在具有底部地址栏的设备上使用此站点
浏览 5提问于2022-06-08得票数 2
1回答
我正在尝试使用CSS创建一个形状，使用之前和之后的伪元素。在Chrome和Firefox中，图形的渲染效果和我预期的一样，但在Safari中，：shape内容最终堆叠在:after内容之上，我不知道为什么。它看起来和我的: the元素中的转换有关，但是我不确定我到底做错了什么，也不确定为什么它只在Safari中不同，我不知道如何修复它。
.outer {
position: absolute;
top: 50px;
left: 100px;
transform: rotate(27deg);
}
.shape {
position: absolute;
heig
浏览 3提问于2019-11-12得票数 1
回答已采纳
我有这个div，它需要是相对的，并且是以%为单位的顶部：
#adiv {
position: relative;
top: 50%;
margin-top: 0px;
height:200px;
background-color:black;
}
现在我想找出top:50%的像素值。如果我这样做：
alert("TopHeightInPixels:"+(parseInt($("div#adiv").css("top"))));
火狐输出实际的像素(100px)，而Safari只输出50。我知道Safari为
浏览 0提问于2012-04-02得票数 3
回答已采纳
在Safari的跨浏览器测试中有太多的麻烦，因为bootstrap 4为网格格式显示的行添加了额外的属性。我想让它们和Chrome或Firefox中的完全一样。我已经尝试了所有与这个问题相关的现有修复，但有些修复似乎对我不起作用。
.row::after，.row::before
display: inline-block!important;
width:0px;
height:0px;
以下是Safari中不支持的Bootstrap 4的属性
.row
display: -ms-flexbox; //not supported in Safari
d
浏览 0提问于2019-10-23得票数 0
1回答
我已经为DocuSign用户创建了一个使用VisualForce页面的嵌入式签名体验。
该页面在Chrome或FF中呈现得很好，但在Safari中则不然。如果我启用或接受任何网站的cookie，它可以工作。但是，我不能期望所有客户端都启用了cookie。而且，iOS Safari根本不起作用。
有什么建议吗？使用iFrame进行嵌入式签名有什么解决办法吗？
浏览 5提问于2015-10-21得票数 0
回答已采纳
2回答
Safari中的中心宽div
、、、、
我有一个很宽的画布，我不能在Safari中居中。在除Safari之外的任何浏览器上，它都能完美地工作。
.center {
padding: 0;
margin: auto;
display: block;
height: 100vh;
position: absolute;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
}
在damiano celent的建议之后，我像这样修改了代码
left: 50vw;
看起来它在iPhone4s上有效，但在iP
浏览 3提问于2016-08-10得票数 2
回答已采纳
我尝试将一个div放入另一个延伸到整个屏幕高度的div中，并将其垂直居中，如下所示：
大照片是全屏div，白色带是垂直居中的div。下面的解决方案在我尝试过的所有可能的计算机和浏览器上都能很好地工作。除了Mobile Safari。出于某种原因，Mobile Safari (至少在iPad上)决定将嵌套的div放在页面的50%下方，而不是父div的50%。
HTML：
<div class="band full">
<div class="band">
*content*
</div>
<
浏览 0提问于2013-04-03得票数 0
回答已采纳
我一直在尝试使用从上到下的linear-gradient作为我正在制作的页面的背景。唯一的问题是页面上有一个页脚，我想在div结束之前结束渐变。
这是否只在CSS中是可能的，或者是否应该更改HTML以创建一个在页脚开始之前结束的div？或者jQuery应该计算页脚开始的百分比？
这些页面都有不同的长度，因此以百分比结尾并不适用于所有页面。线性渐变可以结束吗，比如在div结束之前500px？
我的代码在这里，包装器div扩展到整个页面的宽度。
div#wrapper {
background: #ffdf96; /* Old browsers */
background: -moz-linear
浏览 2提问于2013-09-26得票数 0
任何善良的灵魂能帮助我的程序，因为我是新的HTML，Javascript和CSS？在我的CSS中，我有4种不同的动画去不同的位置。例如，如果我想要做一个案例结构，例如，按A表示机器人A，按B表示机器人B，等等。
下面是我的CSS部分的程序。希望有人能帮我。或者说，我可以将我的CSS链接到javascript？
<style>
#robot {
position: fixed;
top: 280px;
left: 600px;
border-radius: 50%;
width: 50px;
height: 60px;
-webkit-animation
浏览 0提问于2019-12-06得票数 0
回答已采纳
我正在构建一个网站，只使用原生的、普通的JS功能(ES6、web组件、导入模块)。
我想要包含一个用于使Safari支持扩展HTML (class MyLink extends HTMLAnchorElement)的polyfill。理想情况下，我希望通过import将其包含在main.js文件中，而不是作为<script>标记包含在index.html中。
我首先尝试了正式的，包括通过脚本标记(<script src="https://unpkg.com/@webcomponents/custom-elements"></script>)和
浏览 0提问于2021-05-10得票数 6
回答已采纳
1回答
我有一个用以下代码实现的转换：
h1 {
position: absolute;
z-index: 2;
line-height: 1;
font-size: 8em;
transition: all 10s;
pointer-events: none;
font-weight: 600;
width: 800px;
font-family: 'Crimson Text', serif;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
&.top-left {
top: 0%;
浏览 1提问于2019-06-07得票数 2
5回答
我有一个site - ，它在火狐和safari中工作得很好，但在IE中，容器上的边距:0自动设置不起作用，网站只是显示为左对齐。
有什么想法吗？
浏览 0提问于2012-03-30得票数 0
试图在Safari浏览器中修复页面滚动中的div "flicker“(在macOS High塞拉利昂上使用12.0.2版本)，但是不明白为什么会发生这种情况，我还试图通过CSS方法来修复这个问题，比如transformZ(0)、webkit-backface-visibility: hidden、webkit-transform-style: preserve-3d、will-change: top，但是这没有帮助，有什么想法吗？谢谢!
var scroll = document.getElementById('scroll').style;
window.onsc
浏览 1提问于2019-01-09得票数 0
回答已采纳
2回答
我有一个div，这是我的“弹出窗口”，我正在动画显示在它的父div的直接中心。因此，我使用绝对定位、负边距和left+top来定位它，这样我就可以简单地在悬停时使用-webkit-transform: translateY(-100%)对其进行动画处理。在Safari和Mobile Safari上效果很好。
如果你在Chrome或Firefox中使用像素，它可以正常工作，即使你使用所有百分比，但使用像素设置父div宽度，它也可以工作。但是，如果你使用所有的百分比，FF+Chrome似乎完全是胡说八道，基于一些我不能理解的东西来渲染百分比。
在Safari和FF/Chrome中查看此视图，可以看
浏览 2提问于2013-08-03得票数 7
回答已采纳
1回答
我使用calc()函数将div集中在另一个div中。它在Chrome，Firefox，Opera，甚至IE中都很好，但是在Safari中，这种方法不起作用。
没有javascript固定的建议吗？
left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);
浏览 4提问于2014-04-12得票数 0
回答已采纳
1回答
我不知道如何删除或移动的事情如下:当我使用while循环时，我以我想要的方式获得内联块，但是每个元素上都有一个链接，因此块在done <a href>中，但是那个<a>元素把设计搞乱了。左边距和右边距是正确的，但由于a元素，顶部和底部的页边距太大了16px。因此，如果我可以以某种方式移动顶部的元素在图像上，请让我知道。所以我有这样的代码：
<?php while( have_rows('vsi_projekti') ):
the_row();
?>
<div class="post-grid">
浏览 1提问于2016-10-24得票数 0
1回答
我已经成功地使用以下代码在Safari中着色了我的图像：
-webkit-filter: grayscale; /*sepia, hue-rotate, invert....*/
-webkit-filter: brightness(50%);
但是，它在Firefox中不起作用。我知道如何在Firefox中获得完全灰度的图像，但我不希望它是完全灰度的--而是像我在Safari中的代码所能达到的那样的黑色。
谢谢你<3
浏览 0提问于2015-08-30得票数 2
回答已采纳
我在iPhone Safari上有一个多选框的问题。当我打开多选框时，它会自动选择第一个选项。下面是我使用的代码片段：
<select multiple>
<option value="test1">Test 1</option>
<option value="test2">Test 2</option>
<option value="test3">Test 3</option>
</select>
我已经添加了一个带有disabled属性
浏览 0提问于2016-03-01得票数 8
1回答
我正在工作的WordPress重力形式，并使用内联网格的布局。
它在Firefox和Chrome中运行得很好。
但是当涉及到Safari时，display: inline-grid不起作用。
尽管display: inline-block可以工作。
在Safari中运行下面的代码片段，以了解我在说什么.
.item {
width: 50px;
height: 50px;
background-color: lightgray;
display: inline-block;
margin: 5px;
}
.item2 {
width: 50px;
heigh
浏览 1提问于2017-06-20得票数 6
回答已采纳
Safari 14.1.2没有显示-webkit-backdrop-filter: blur(10px);我已经尝试了多个版本，内联的，带有jQuery的，带有@supports的，但都不起作用。最奇怪的是，它在Safari的“Web Inspector”中显示为启用，如果我将其关闭并再次切换，它就可以工作。解决方案是什么？有什么变通方法吗？
浏览 347提问于2021-11-09得票数 0
我使用下面的代码创建了一个跟随光标的div，并对移动应用了缓动：
CSS
#cursor {
position: absolute;
width: auto;
height: auto;
white-space: nowrap;
pointer-events: none;
transition: opacity 200ms;
cursor:none!important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:999999
浏览 17提问于2020-02-20得票数 0
1回答
我在我的网站上显示了一个CSS动画，但它在Safari中不起作用。知道我错过了什么吗？
.arrow {
background-image: url(../img/arrow.png);
background-repeat: no-repeat;
background-position: center;
height: 100px;
width: 100px;
position: relative;
bottom: 30px;
left: 50%;
margin-left: -50px;
-webkit-anima
浏览 1提问于2015-07-24得票数 1
我有一个在火狐和Safari中显示不同的 (IE测试还没来)。
页面在Safari中按预期显示，但正文和HTML之间有一个50px的边距，我无法确定是什么原因造成的。
下面是正文的CSS：
body {
font-size: 13px;
line-height: 1.333em;
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
color: #
浏览 2提问于2010-05-07得票数 0
回答已采纳
我的滑块上的下一个和前一个箭头有问题。滑块被构建为随窗口一起收缩和扩展。除了safari之外，所有的浏览器看起来都很棒。按钮位于滑块的顶部，而不是中间。
我已经尝试了我能想到的所有方法来解决这个问题。有什么想法吗？
这是站点的
这是按钮的代码。
.slideshow-wrapper .backward {
position:absolute;
left: 10px;
margin-top:10%;
background:url(../../images/infortis/super-slideshow/slideshow-arrows.png) 0 0 no-r
浏览 3提问于2013-05-04得票数 1
回答已采纳
1回答
.items {
position: relative;
display: block;
background-color: red;
height: 300px;
width: 100px;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transition: all 1s ease;
-webkit-transition: all 1s ease;
}
.items.animation {
width: 50%;
transform: tra
浏览 2提问于2021-07-01得票数 0
我正在寻找一种方法来防止OS在Chrome和Safari中出现的弹性滚动。
如果你不明白我的意思，那就是当你在页面顶部向上滚动时，或者当页面在底部时向下滚动时，它在页面后面显示一个灰色背景。
有一种适用于单页面应用程序的css解决方案，您只需将overflow:hidden添加到html或body
但是，我需要能够滚动。
我已经想出了一个使用Javascript (JQuery)的解决方案，但它只用于滚动通过顶部，并且只适用于chrome。而且，在Safari中它有一点buggy。
$(window).on('scroll', function(e){
scrollAmo
浏览 3提问于2013-02-21得票数 3
2回答
表单和CSS问题
、、
1)有没有办法完全隐藏文本中的IE滚动条？(我主要关注IE8)溢出:隐藏或自动似乎不起作用。
2)有没有办法阻止safari和chrome“高亮显示”聚焦的表单元素？
3)有没有办法禁用文本区域的大小调整？
浏览 3提问于2009-06-12得票数 1
回答已采纳
在下面的代码中，我对Firefox和IE有一个问题:在Chrome和Safari上一切都运行得非常好，但在Firefox和IE中，每个图像容器都不考虑其包含的图像的尺寸。使用"height“命令按比例调整图像的大小；这是可行的。但是IE和Firefox似乎将jpeg文件的原始宽度作为图像容器的“宽度”值。在Chrome和Safari中，我们如何才能得到完美的结果(包含的图像和它的父容器彼此获得相同的宽度和高度)？
下面是HTML代码：
<!-- Gallery -->
<div class="thegallery">
<div class=
浏览 0提问于2017-03-29得票数 0
有没有人知道为什么要使用应用程序
或
在Mac OS上看不到吗？这是一个完全空白的页面。
它在Safari和Mac上的FF上都不起作用。但它在PC上的所有常见浏览器上都可以使用，包括Safari。
编辑:我没有使用任何闪光灯，所以闪光灯不是一个原因。
浏览 1提问于2012-06-27得票数 1
回答已采纳
1回答
有没有一种方式来注册我的应用程序，使它在移动Safari中作为可用的共享选项之一可见？
我希望我的应用程序能以Pocket应用程序的方式出现在这个列表中，这样我就可以启用它，并将它与Facebook、Twitter、Pocket一起列在共享选项中，如第二张图片所示。
我也试过按照这个链接上的说明操作，但是它似乎不起作用。
浏览 5提问于2014-11-03得票数 1
回答已采纳
这段非常简单的代码将WebKitTransform rotate()应用于转换中的一些元素。
这适用于Chrome、火狐、Opera、IE9、Safari5.0和Safari6.0
然而，在Safari 5.1中，并且仅在Safari 5.1中，它被破坏了。它只转换第一张卡。
使用JavaScript而不是CSS do转换/动画会导致相同的问题：
浏览 1提问于2012-08-12得票数 0
我找不到很好的参考资料，关于如何使用从引导-sass混音。我试图添加渐变效果到我的背景色，我想学习如何使用内建梯度功能，从混音。
// Gradients
@mixin gradient-horizontal($startColor: #555, $endColor: #333) {
background-color: $endColor;
background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
background-image: -webkit-gradient(linear
浏览 1提问于2012-11-18得票数 3
回答已采纳
1回答
我在“香草JS”中遇到了一个问题，在这个网站上被问到的形式略有不同，但是似乎没有一个香草javascript的答案？我希望页面在使用vanilla重新加载/刷新时出现在顶部(不使用scrollTop()将页面滚动回顶部)。
我已经核对了这些问题和相关的答案：
问题是有两个普通的JS答案分散在这些问题中，其中一个在IE/Edge中无效，另一个在Safari中无效
在Safari不起作用：
window.onbeforeunload = function () {
window.scrollTo(0,0);
};
在IE / Edge中不工作
history.scrollRestor
浏览 3提问于2018-08-20得票数 2
1回答
它在Chrome桌面上工作。
但不是Safari iOS
这是CSS
.button {
border: 1px outset $color3;
background: $color1;
color: $color4;
font-size: 80%; // A little smaller because it's in uppercase
text-transform: uppercase;
display: inline;
margin-left: 5px;
margin-right: 5px;
}
浏览 4提问于2014-02-28得票数 0
回答已采纳
1回答
我创建了一个动画标题div菜单，可以在页面加载时向下滑动。我使用动画-延迟延迟动画1秒。当用户向下滚动时，页眉div会很好地改变颜色，但当滚动回滚时，标题会瞬间消失。请帮帮忙。
$(window).scroll(function() {
if ($(this).scrollTop() > 250){
$('header').addClass("sticky");
$('a').css({
col
浏览 4提问于2015-03-05得票数 2
回答已采纳
2回答
无法在HTML上获取flash
、、、、
我正在使用SWFObject嵌入一个swf，它最终覆盖了页面上的一些HTML组件。然而，HTML在flash电影的顶部正在渗出。
我尝试过wmode设置和z-index设置，绝对定位和相对定位在firefox / safari中似乎都不起作用。Chrome与wmode=window的工作方式完全符合我的预期( flash总是在超文本标记语言之上)。
你知道我该怎么告诉safari / firefox不惜一切代价让他们的HTML保持在flash后面吗？
浏览 4提问于2012-02-21得票数 0
回答已采纳
自从上次系统更新以来，我每天运行的从Safari获取文本的Applescripts都无法工作。
它过去只在Safari中工作，而在Safari预览版中不起作用，我想Safari预览系统是现在引入safari的
tell application "Safari"
set DinfoGrab to do JavaScript "
document.getElementsByClassName(' field type-string field-Dinfo ')[0].innerHTML;" in tab 3 of window 1
end
浏览 0提问于2017-02-11得票数 5
1回答
我正在尝试将图像从50%的灰度滤镜转换为悬停时的无滤镜状态。
然而，这种转换在firefox中不起作用。是否可以仅使用css在firefox中运行转换？
img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></f
浏览 0提问于2012-12-07得票数 5
回答已采纳
2回答
免责声明:同时，该网站已经更新，此问题不再发生在新版本的设计.
在我创建的一个新站点上，我注意到了Safari (iOS 5)中一个奇怪的怪癖。通常，您可以点击Safari顶部的黑条滚动到任何网页的顶部。在我的新网站上，这工作在主页，但不是在单一的文章页。
试试！ (工作！)相对于 (不起作用！)
如何调试这种情况？据我所知，iOS没有Firebug (或类似的调试工具)。
浏览 1提问于2012-01-23得票数 8
回答已采纳
我有一个100%高的div，基于使用vh单位的视口：
div {
height:100vh;
background:red;
}
在这个100%高的div中，我需要一个50%高的div：
span {
display:block;
height:50%;
background:blue;
}
在Chrome中运行得很好，在Safari中就不太好了。我认为它应该可以工作，但只有当我为父div高度使用固定值时才有效。它在最新的iOS 7.1的移动safari中也不起作用
演示：
适用于固定高度：和
我知道，我可以使用50vh作为父div，但如果我只使用vh一
浏览 2提问于2014-03-11得票数 4
1回答
我正试图在另一个div内垂直地居中一个div (未知高度)。我遵循了一个教程，它似乎正确地显示在火狐v33 (桌面)，IE11和Chrome v39，但它没有正确地显示在移动Safari 7或8-看看我的，或html/css以下。
为什么移动Safari对此的处理与其他浏览器不同，我的选择是什么？我已经试过了flexbox，这在移动Safari中也不起作用。我知道垂直对中可能很棘手。我是否应该放弃，把以元素为中心的元素设定为固定的高度？如果高度是固定的，我可以让它工作-但在其他情况下，高度确实可能是可变的，所以我想知道如何使它工作没有固定的高度。
<div class="oute
浏览 0提问于2014-11-24得票数 0
回答已采纳
我在我的网站上遇到了一个问题。在我的网站上，a标签文本超链接在mac Firefox浏览器中不起作用(无论你给target留空还是不给a标签，这个问题都是一样的)。但它在chrome、safari或opera等其他mac浏览器上运行得很好。在windows机器上，该链接在所有浏览器中都工作正常。但它在mac Firefox中不起作用。当有一个带有a标签的图像链接时，该链接工作正常。但是当链接带有文本时，它在mac Firefox浏览器中就不起作用了。我真不知道以前有没有人遇到过类似的情况。如果有人能给我一个如何解决这个问题的想法，那将对我有很大的帮助。
代码如下所示：
<p>
&l
浏览 0提问于2015-07-14得票数 0
1回答
SVG像元旋转
、、
我需要创建一个具有旋转背景的豆子形状。我有一个带有图像元素的SVG。图像具有“旋转”类。我使用CSS旋转它。
链接到codepen：
它只适用于Chrome。在Firefox中，转换起源: 50% -50%不起作用。在Safari里，我根本看不见图像。
如果你能给我点建议就太棒了。
浏览 6提问于2014-03-19得票数 2
回答已采纳
在Safari4的测试版中，标签显示在窗口的标题栏中。当苹果发布Safari4最终版时，他们将标签重新定位到通常的位置，因为大多数用户不喜欢顶部的标签。
不管怎么说，我非常喜欢他们。是否有可能在Safari 4 final中重新启用顶部选项卡？
浏览 0提问于2009-06-10得票数 1
回答已采纳
我有一个奇怪的问题，在Safari iOS上使用聚合物纸对话，在桌面上工作很好。覆盖图似乎位于背景元素之下，因此无法访问覆盖图。我一直在读这个问题，但提出的解决方案对我不起作用。
问题是，当我尝试聚合物项目元素页面中的对话框时，它可以在iOS上工作，但我的实现不能，但我找不到我的实现和提供的演示之间的任何区别
我已经把我的页面放在一个可访问的url中，这样你就可以试一下了。
如果我在我的Safari桌面上试一下，它工作得很好，但在我的iPhone中，背景元素在覆盖层上
有人能帮帮我吗？我是不是遗漏了什么？
浏览 0提问于2016-02-29得票数 2
我试图在模拟器中添加一个视频到我的照片应用程序。我已经使用了很长时间的Safari技巧()，但在iOS7.1模拟器中对我不起作用。
当我从查找器中拖动时，我会得到绿色+标志，但是视频不会在Safari中播放，所以我无法将它保存到相机卷中。
对于iOS8仿真器和Xcode6，它工作得很好。
浏览 4提问于2014-09-04得票数 7
回答已采纳
2回答
Chrome不支持媒体查询中的CSS变量吗？
我有以下CSS：
:root {
--threshold-lg: 1200px;
--threshold-md: 992px;
--threshold-sm: 768px;
--sidebar-margins: 10px;
}
@media(min-width: var(--threshold-sm)) {
.sidebar {
top: var(--sidebar-margins);
bottom: var(--sidebar-margins);
}
}
在Chrome 50和Chrome Canary (52)
浏览 0提问于2016-05-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
