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がありますが、それは美観だけです。起こってから何かを止めるものは何もない。
わかりませんが、アンカータグのブラウザサポートを参照しましたか? CSSのように--webkitなど Safari、ChromeなどでCSSが異なるように異なる場合がありますので、いくつかのタグも同様です(4年前の私の記憶に基づいています)。 – anugrah
両方のアンカータグでサンプルコードを実行すると、CSSを使用しない場合は一般的に動作します。 だから、ある程度CSSと関係していると思います。 以前のコメントで述べたように、WebkitとCSSブラウザのサポートとアンカータグのサポートを参照してください。 – anugrah
アンカータグは、私がw3schoolsチュートリアルから読んだものから、すべての主要なブラウザでサポートされています。 –