仅为智能手机用户显示超链接？

Question

我想仅为手机用户而不是桌面用户显示超链接。这是这样做的吗？

@media screen and (min-width: 480px) 
{
    <a href="xxxxx"> Test <\a>
}

Answer 1

1. 在HTML页面中创建链接
2. 专门用设备宽度定位，以便在这些分辨率和移动设备上显示。

请注意，我使用min-device-width as opposed to min-width.使用适合您项目的内容。

像这样的东西

a.mobile-only {display: none;}
@media screen and (min-device-width: 480px) {
    a.mobile-only {display: inline;}
}

Answer 2

没有。您不希望将CSS添加到CSS，它将无法正常工作。

HTML：
<a class="formobile" href="0000000"> Phone # </a>

CSS：

a.formobile { display: none; }
@media screen and (min-width: 480px) { 
a.formobile { display: block; /* or display: inline-block; or display: inline; depending upon surrounding markup */ }
}