Question

在我的页面上http://goo.gl/ kNAXq（删除浏览器中的空间，请不要替换此处的链接，因为我不希望谷歌将此页面链接到我的网站。）当您点击S时在MAP中使用普通的pc / mac浏览器，你会得到一个带滚动条的弹出窗口。我没有在我的Android手机的标准浏览器上看到这些边框，但是，那些不适合的东西被切断了。可能是什么原因？

即使它们是有效链接， Routenplanung 和 Zur Karte 也无法点击：

<a href="https://maps.google.com/maps?saddr=49.4538517,11.0773238&daddr=49.455856,11.074445&dirflg=w&hl=de">Routenplanung</a>

和

<a style="a:link {text-decoration:underline;}" href="#mapdiv">Zur Karte</a>

为什么它们没有按预期工作？

Answer 1

大多数情况下，移动浏览器中没有滚动条。你只需要在div中拖动内容，然而，div太小而无法正确抓住（至少基于我在桌面上看到的内容，它会永远加载到我的手机上......）。 / p>

链接不起作用，因为你有另一个元素......＆lt; i＆gt; （为什么我？）位于绝对位置并位于链接顶部。

首先，＆lt; i＆gt;是用于斜体文本，它已被弃用。我认为，更好的设置是将阴影放在包含div上。摆脱i元素。一个缺点是，您需要更改灰色表格单元格中背景颜色的实现方式。

只需将阴影作为一个类添加到div。

然后改变css，如下：

.results-bl.shadow {
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
    box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
}

使链接可点击，在每个移动浏览器中显示滚动条

1 个答案: