html超链接对某些设备无法正常工作

时间:2017-06-21 02:28:45

标签: html css

我在两个段落中有两个超链接。它们都在我的手机上工作,只有第二个在我的笔记本电脑上工作,而且我的iPad上都没有工作。

<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影响链接,但它只是美学;什么都不会阻止任何事情发生。

1 个答案:

答案 0 :(得分:0)

您是否有任何可能导致此问题的Javascript代码? <a></a>标签不起作用很奇怪,它们在所有浏览器中都非常标准。