iphone - iphone图像突然变为悬停图像

Question

我正在使用PhoneGap 开发一个iPhone 应用程序。为了识别单击按钮的时间，我们更改了按钮的活动图像。

<a class="grid-image btn-image-pharmacycard" onclick="location.href='#prescriptionCard';">

这是CSS：

.btn-image-pharmacycard
{
 background: url("../image/iphone/pharmacy-card-iphone.png") no-repeat scroll left top transparent; 
}

/* while focus Pharmacy card in gird image, change another image*/
.btn-image-pharmacycard:hover, .btn-image-pharmacycard:focus
{
    background-position: left bottom;
}

有时会发生这种情况，在应用程序中，如果不单击按钮，则会显示悬停图像而不是正常图像。

非常感谢任何帮助。

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0"></meta>

iPhone 试图变得用户友好并且总是将鼠标悬停在一些 html 输入上。

将比例设置为 1 将始终禁用任何缩放或悬停