草庐IT

$​​Safari​​

全部标签

html - 简单的 css 动画在 Safari 中不流畅

我在Safari的网站上有一个奇怪的行为。我想使用css过渡将菜单从高度0px扩展到高度100%。这在Firefox、Chrome和Edge中正常工作。然而,在Safari中,总是有一个断点,动画会在其中停止很短的时间,从而导致动画滞后。我检查过没有元素在同一个z-index上。我在主页上找到了一个“修复”,由css中的注释指示,但这并没有改变任何东西。.dropdown-nav{position:fixed;display:block;z-index:21;width:100%;height:0;left:0;background-color:white;top:0;padding:

html - 简单的 css 动画在 Safari 中不流畅

我在Safari的网站上有一个奇怪的行为。我想使用css过渡将菜单从高度0px扩展到高度100%。这在Firefox、Chrome和Edge中正常工作。然而,在Safari中,总是有一个断点,动画会在其中停止很短的时间,从而导致动画滞后。我检查过没有元素在同一个z-index上。我在主页上找到了一个“修复”,由css中的注释指示,但这并没有改变任何东西。.dropdown-nav{position:fixed;display:block;z-index:21;width:100%;height:0;left:0;background-color:white;top:0;padding:

html - Bootstrap 导航栏在第一次加载时出现在 Safari 的两行中

这是我的导航栏代码:backnext在iPhone7、8、X设备上的Safari上,当您首次加载页面时,导航栏出现在2个不同的行上,如下所示:然后,当您刷新或重新加载它时,它看起来很正常:我真的很难弄清楚如何让它始终显示正常,而且我更困惑为什么辅助页面加载可以解决这个问题。请注意,我向所有3个导航栏元素添加了display:inline-block以尝试更正此问题。它做了一些事情......在我添加它之前,当它只是Bootstrapnative样式时,在Safari和iPhone7、8、X设备上,即使刷新也无济于事,导航栏将保持拆分为2行。我正在使用Bootstrap3.3.4

html - Bootstrap 导航栏在第一次加载时出现在 Safari 的两行中

这是我的导航栏代码:backnext在iPhone7、8、X设备上的Safari上,当您首次加载页面时,导航栏出现在2个不同的行上,如下所示:然后,当您刷新或重新加载它时,它看起来很正常:我真的很难弄清楚如何让它始终显示正常,而且我更困惑为什么辅助页面加载可以解决这个问题。请注意,我向所有3个导航栏元素添加了display:inline-block以尝试更正此问题。它做了一些事情......在我添加它之前,当它只是Bootstrapnative样式时,在Safari和iPhone7、8、X设备上,即使刷新也无济于事,导航栏将保持拆分为2行。我正在使用Bootstrap3.3.4

iphone - 如何让 mp3 文件在 iPhone Safari 网络浏览器中播放?

如何让MP3音频文件在iPhoneSafari(OS3.1)中播放?目前,我正在生成HTML,例如点击嵌套图像播放文件。这适用于OSX上的Safari,但不适用于iPhone。在那里,文件的内容显示为文本,但用LiveHTTPHeaders检查时,它似乎不是mime类型的问题。来自Firefox。我找到了引用的方法here.这些需要在首选项中将Safari插件设置为打开,这就是它以前对我不起作用的原因。 最佳答案 我认为您最好的选择是在您的网页中调用一个quicktime对象。对于播放mp3文件,最好的办法是提供一个Winamp.p

iphone - 如何让 mp3 文件在 iPhone Safari 网络浏览器中播放?

如何让MP3音频文件在iPhoneSafari(OS3.1)中播放?目前,我正在生成HTML,例如点击嵌套图像播放文件。这适用于OSX上的Safari,但不适用于iPhone。在那里,文件的内容显示为文本,但用LiveHTTPHeaders检查时,它似乎不是mime类型的问题。来自Firefox。我找到了引用的方法here.这些需要在首选项中将Safari插件设置为打开,这就是它以前对我不起作用的原因。 最佳答案 我认为您最好的选择是在您的网页中调用一个quicktime对象。对于播放mp3文件,最好的办法是提供一个Winamp.p

html - 为什么使用 flexbox 在 Safari 和 Chrome 中会出现不同的行为?

我正在显示一行图像。这是我的html:这是我的css:.flex{display:flex}img{height:auto;}我希望我的图像连续显示。我没有给img任何宽度,所以在Chrome上img占据了它们的自然宽度,并比屏幕更大。这就是我希望它工作的方式。在Safari中,它们的flexbox只会占据整个viewport宽度。我已经尝试设置图像宽度,flex-basis,但不能使Safari使用的不仅仅是可见屏幕。有没有我不知道的flexbox问题?我还能做什么? 最佳答案 看起来这是Safari中的一个错误。尝试将flex-

html - 为什么使用 flexbox 在 Safari 和 Chrome 中会出现不同的行为?

我正在显示一行图像。这是我的html:这是我的css:.flex{display:flex}img{height:auto;}我希望我的图像连续显示。我没有给img任何宽度,所以在Chrome上img占据了它们的自然宽度,并比屏幕更大。这就是我希望它工作的方式。在Safari中,它们的flexbox只会占据整个viewport宽度。我已经尝试设置图像宽度,flex-basis,但不能使Safari使用的不仅仅是可见屏幕。有没有我不知道的flexbox问题?我还能做什么? 最佳答案 看起来这是Safari中的一个错误。尝试将flex-

javascript - window.print() 是否适用于 iPad 上所有版本的 Safari?

我有几个关于在iPadSafari中使用打印的问题(window.print())相同的JS方法print()是否可以在iPadSafari中工作而无需任何更新?最初是否需要添加打印机?iOS版本对AirPrint有影响吗?在我的页面中,我使用的是window.print(),它甚至没有弹出任何窗口,甚至没有任何错误。什么都没有发生。我正在iOS3.2上进行测试。请帮忙。谢谢。 最佳答案 不确定1.和2.,但至于3.:TouseAirPrint,youneedoneofthefollowingdevicesrunningiOS4.2

javascript - window.print() 是否适用于 iPad 上所有版本的 Safari?

我有几个关于在iPadSafari中使用打印的问题(window.print())相同的JS方法print()是否可以在iPadSafari中工作而无需任何更新?最初是否需要添加打印机?iOS版本对AirPrint有影响吗?在我的页面中,我使用的是window.print(),它甚至没有弹出任何窗口,甚至没有任何错误。什么都没有发生。我正在iOS3.2上进行测试。请帮忙。谢谢。 最佳答案 不确定1.和2.,但至于3.:TouseAirPrint,youneedoneofthefollowingdevicesrunningiOS4.2