2017-06-21 23 views
0

2つのハイパーリンクが2つの段落にあります。彼らは両方私の携帯電話で動作し、私のラップトップで2番目の作品だけ、私の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は、2番目のCSSが他の要素と同じCSSを持つため、分割されています。

私はHTMLのボディにontouchstartという属性を持っています。これがなぜそうであるかのアイディアですか?リンクに影響するCSSがありますが、それは美観だけです。起こってから何かを止めるものは何もない。

+0

わかりませんが、アンカータグのブラウザサポートを参照しましたか? CSSのように--webkitなど Safari、ChromeなどでCSSが異なるように異なる場合がありますので、いくつかのタグも同様です(4年前の私の記憶に基づいています)。 – anugrah

+0

両方のアンカータグでサンプルコードを実行すると、CSSを使用しない場合は一般的に動作します。 だから、ある程度CSSと関係していると思います。 以前のコメントで述べたように、WebkitとCSSブラウザのサポートとアンカータグのサポートを参照してください。 – anugrah

+0

アンカータグは、私がw3schoolsチュートリアルから読んだものから、すべての主要なブラウザでサポートされています。 –

答えて

0

問題を引き起こしている可能性のあるJavascriptコードはありますか? <a></a>タグが機能していないことは非常に奇妙です。これらはすべてのブラウザで標準的です。

関連する問題