如何使 HTML 或 URL 與手機兼容

Question

我剛剛為多個 URL 創建了一個 HTML 或 URL 鏈接，但是，它與手機不兼容。 是否有任何編碼可以放入 HTML 以使其兼容？

Answer 1

您可以向 CSS 添加媒體查詢以增加響應能力。 如果您對它不滿意，那么您也可以嘗試將引導庫添加到您的項目中並使用它。 他們有關於如何使您的網站具有響應性和流暢性的良好文檔。

Answer 2

使用媒體查詢，
例子

@media (max-width: 767px) {
  .p{color: red;}
}

如果屏幕大於 767px 文本不會是紅色的

Answer 3

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Link</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        var links = [
          "http://google.com/",
          "http://stackoverflow.com/",
          "http://amazon.com/"
            ];
        $(".myLink").attr("href",links[Math.floor(Math.random() * links.length)])
      });
    </script>
  </head>
  <body>
    <a class="myLink" href="#">
      Click me to go to a random webpage
    </a>
  </body>
</html>

如何使 HTML 或 URL 與手機兼容

問題描述

3 個解決方案

解決方案1
0 2020-01-16 19:54:06

解決方案2
0

解決方案3
0

如何使 HTML 或 URL 與手機兼容

問題描述

3 個解決方案

解決方案1 0 2020-01-16 19:54:06

解決方案2 0

解決方案3 0

解決方案1
0 2020-01-16 19:54:06

解決方案2
0

解決方案3
0