问题标签 [mobile-chrome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
55821 浏览

ios - 删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

当您在 iOS 的 Safari(或 chrome 或 firefox)中单击(触摸)链接时,链接后面会出现灰色背景(仅当您按住它时)。有没有办法使用 CSS 删除此功能?

请看下面的示例图片:

在此处输入图像描述

0 投票
1 回答
1681 浏览

css - CSS-Mobile Safari 和 Chrome 中的密码字段高度

即使我将 style="height:22px" 直接应用于两个元素,我也遇到了密码字段的高度与其上方的文本字段不同的问题。

当前的 HTML:

当前的 CSS:

这呈现(带有或不带有样式属性)为

截屏

如何使它呈现为相同的高度,为什么会发生这种情况?

0 投票
1 回答
24714 浏览

html - 移动浏览器中div的绝对定位问题

我在以下网站上绝对定位一个名为 id="verticalGenesis" 的 div 时遇到了很多问题:http: //genesispetaluma.com/index.html在移动浏览器中,包括 iPhone 上的 Safari 和 Chrome。理想情况下,我尝试使用以下 css 将徽标放置在屏幕右侧:

正如我所期望的那样,这在所有桌面浏览器中都可以正常显示,但在移动浏览器的屏幕中间显示。我也尝试过使用 right: 3% ,但我遇到了同样的问题。

我确信这个问题必须有一个简单的答案,但是我在网络和 stackoverflow 上到处搜索,但我无法弄清楚。有人可以指出我正确的方向吗?

谢谢,

克里斯

0 投票
3 回答
6399 浏览

iphone - ICS 文件下载在 iPhone Chrome 上失败,出现“未知文件类型”

我有一个为移动网络应用程序自动生成 ics 文件的 php 脚本。

在我的 Win7 桌面上使用 Chrome,ics 文件下载正常,并且 Outlook 喜欢它。

在我的 iPhone 上使用 Safari,ics 文件按预期打开日历应用程序,并允许我添加到日历。

在我的 iPhone 上使用 Chrome,我得到“下载失败。Chrome 无法下载此文件。错误 102 ():未知文件类型。”

我正在发送这些标头:

我的 ics 文件输出是:

关于 iPhone Chrome 不喜欢什么的任何想法?

0 投票
1 回答
2121 浏览

css - 使用 3D CSS 变换时防止元素裁剪

使用 3D CSS 变换时,我无法防止两个元素剪辑。有没有人遇到过这个问题并找到了解决方案?

我附上了最新版 iOS 的截图来说明这个问题 - 它也出现在 Safari 的桌面版本上,但不是 OS X 上的 Chrome。

我理解为什么会发生这种情况,甚至在某些情况下这是正确的行为,但在不同的浏览器之间是不一致的。

谢谢你的帮助 :)

例子

0 投票
0 回答
339 浏览

html - 如何让“大小”属性在 Mobile-Chrome 中工作?

我的问题与这个有关,除了它与Mobile Chome 有关。


考虑以下 jsFiddle

  • 桌面Chrome 上,它在下拉列表中正确显示了两个选项。
  • 但在移动Chrome 上,它只显示一个.

我的问题:

  • 如何让“大小”属性在 Mobile-Chrome 中工作?
0 投票
0 回答
904 浏览

android - Android(和其他手机)中 YouTube 播放器的自定义播放按钮?

使用他们的 API 为嵌入的 YouTube 视频创建自定义播放按钮很容易,但是该按钮似乎无法在移动环境中启动视频,尤其是 Android。当您在此处单击它时,屏幕将永远变黑,并带有旋转的加载动画。

这是小提琴:http: //jsfiddle.net/HArsN/

有什么解决办法吗?是否必须仅通过捆绑按钮启动视频?

0 投票
0 回答
271 浏览

javascript - 在移动 Safari 和 chrome 上滚动时出现隐藏元素

这是我的投资组合网站。

http://www.ejkimdesign.com

最后我可以设法完成我的网站,我从这里得到了很多帮助。谢谢!

我现在遇到的最大问题是它无法在移动浏览器中正确显示。

更具体地说,当我上下滚动网页时,也会出现位置固定的隐藏元素。

一开始,它看起来还不错,但是一旦我打开和关闭隐藏的元素,这些元素就会卡在屏幕上。

有人可以帮我解决这个问题。我会非常非常感谢它。

谢谢。

0 投票
0 回答
174 浏览

javascript - 滚动时隐藏元素出现在移动浏览器中

下面的示例是我用于我的投资组合网站的方法。

它在“我住的地方”、“它是如何开始的”和“我的工作方式”中,每个滑块都有图像和谷歌地图。我在我的网站的示例中输入代码,除了我删除了“溢出:隐藏”,因为它导致黑色方块出现并在 Chrome 的屏幕上闪烁。滑块在台式计算机中的浏览器上运行良好。

当我在 Iphone 中使用 safari 和 chrome 以及在 android 中使用 chrome 等移动浏览器时,就会出现此问题。

即使我没有打开它,“滑块”中的谷歌地图也会出现在屏幕顶部,并且当我在关闭页面后滚动页面时,“slider3”中的图像会卡在屏幕上。在移动 Safari 的情况下,一开始看起来还不错,但是一旦我打开和关闭滑块,当我滚动页面时,它们就会卡在屏幕的顶部或底部。

我对“slider2”没有同样的问题,也许是因为它在旁边。

有谁知道为什么移动浏览器会出现问题?

提前致谢。

jsfiddle

html

css

javascript

0 投票
2 回答
2050 浏览

javascript - 检查视口是否缩放

有没有一种简单的方法来检查用户是否缩放了页面(在移动设备上使用捏合)?

认为verge.js会有所帮助,但我不知道我可以与之相比viewportH