Ipad HTML和触摸设备_Ipad_Click_Touch_Responsive Design

Ipad HTML和触摸设备

ipad responsive-design

Ipad HTML和触摸设备,ipad,click,touch,responsive-design,Ipad,Click,Touch,Responsive Design,我正在开发一个响应性强的网站，其中一个要求是在移动设备上，尤其是iPhone和iPad（不在PC浏览器上）要有只能“点击”的元素例如，显示只能在触摸设备上单击的电话号码。。。但在桌面浏览器上，它应该只显示，不能点击这有可能吗如果是这样的话，有谁能指导我怎么做呢谢谢。您可以使用PHP用户代理检测，例如： <?php if(strstr($_SERVER['HTTP_USER_AGENT'],"iPad") || strstr($_SERVER['HTTP_USER_AGENT'],"

我正在开发一个响应性强的网站，其中一个要求是在移动设备上，尤其是iPhone和iPad（不在PC浏览器上）要有只能“点击”的元素

例如，显示只能在触摸设备上单击的电话号码。。。但在桌面浏览器上，它应该只显示，不能点击

这有可能吗

如果是这样的话，有谁能指导我怎么做呢

谢谢。

您可以使用PHP用户代理检测，例如：

<?php
if(strstr($_SERVER['HTTP_USER_AGENT'],"iPad") || strstr($_SERVER['HTTP_USER_AGENT'],"iPhone")){
    echo '<a href='foo'>bar</a>'
}
else{
    echo 'bar'
}
?>

或者在JavaScript中（用链接位置替换条，用配件id替换foo）：

函数iPhoneLinks（）{
if（（navigator.userAgent.match（/iPhone/i））| |（navigator.userAgent.match（/iPad/i）））{
document.getElementById（'foo'）。href='bar'；
}
}
这将只是iOS上的一个链接

未经测试，但应该可以工作

谢谢，但我想不使用php，因为它是一个编辑器内容。。。我正在开发中的网站wordpress@Gus：我尝试了以下操作：'函数isTouchDevice（）{在窗口中返回“ontouchstart；”

function iPhoneLinks(){
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) {
        document.getElementById('foo').href='bar';
    }
}
<body onload='iPhoneLinks();'>
    <a id='foo'>This will only be a link on iOS</a>