2017-06-21 68 views
0

我在两段中有两个超链接。他们都在我的手机上工作,只有第二个在我的笔记本电脑上工作,而我的iPad上没有工作。html超链接对某些设备无法正常工作

<div class="about-me"> 
    <p>Kevin (Quito [Key'-tow]) Williams is an aspiring front-end web designer. 
    He has 5 years of experience in HTML, 4 years experience in CSS, and is 
    currently studying jQuery. As a modern web designer, he is using his 
    coding background to study the latest web technologies: HTML5, CSS3, <a target="_blank" href="https://en.wikipedia.org/wiki/Responsive_web_design">RWD</a>. 
    In addition to his web technology languages, he also has experience in: 
    C<sup>++</sup>, Javascript, Java, Perl, Lua (Minecraft based), LISP, SQL. 
    </p> 
    <p>During his 5<sup><sup>1</sup>/<sub>2</sub></sup> years of <a target="_blank" href="http://www.wau.edu">college</a>, he took many computer 
    science classes in his pursuit of his current Bachelor of Science 
    Degree in Mathematics. Near the end of his studies, he took an 
    interest in Web Development, and decided to pursue it as a career. 
    He is trying to start his career as a freelancer, at least until he 
    lands the job he wants. 
    </p> 
</div><!-- /about-me --> 


.about-me a { 
    font-size: 2em; 
    background: #ff9500; /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(white, #ff9500); /* For Safari 5.1 to 6.0 */ 
    background: -o-linear-gradient(white, #ff9500); /* For Opera 11.1 to 12.0 */ 
    background: -moz-linear-gradient(white, #ff9500); /* For Firefox 3.6 to 15 */ 
    background: linear-gradient(white, #ff9500); /* Standard syntax */ 
    color: black; 
    box-shadow: 0 8px 12px 0 rgba(255,255,255,0.6); 
    padding: 10px; 
} 

.about-me a { 
    font-size: 1em; 
    text-decoration: none; 
    padding: 0; 
} 

由于第二个CSS与其他元素具有相同的CSS,所以CSS被分离。

我在我的HTML中有身体的ontouchstart属性。任何想法为什么这是如此?我有CSS影响链接,但它只是美学;没有什么能阻止任何事情的发生。

+0

我不确定,但您是否查看了锚定标签的浏览器支持? 喜欢的CSS他们有--webkit等 它可能是不同的Safari浏览器,铬等,因为CSS是不同的支持,所以也有一些标签(完全基于我的记忆从4年前。不是肯定的说) – anugrah

+0

一般情况下,如果我运行带有两个锚标记的示例代码,那么它们就可以工作。因此,我相信它在某种程度上与CSS有关。 正如我在前面的评论中提到的那样查找webkit和CSS浏览器支持和定位标记支持。所有主流浏览器都支持 – anugrah

+0

定位标记,这是我从w3schools教程中读到的。 –

回答

0

您有任何可能导致该问题的Javascript代码?很奇怪<a></a>标签无法正常工作,它们在所有浏览器中都非常标准。