2017-06-21 66 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>標籤無法正常工作,它們在所有瀏覽器中都非常標準。