Как сделать HTML или URL совместимым для мобильных телефонов - PullRequest
Новая
       74

Как сделать HTML или URL совместимым для мобильных телефонов

1 голос
/ 16 января 2020

Я только что создал HTML или URL-ссылку для нескольких URL-адресов, однако она не совместима с мобильными телефонами. Есть ли код, который я могу вставить в HTML, чтобы сделать его совместимым?

Ответы [ 3 ]

0 голосов
/ 16 января 2020

Используйте медиазапросы,
пример 

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

, если экран больше 767 пикселей, текст не будет красным

0 голосов
/ 17 января 2020 
<!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>
0 голосов
/ 16 января 2020

Вы можете добавить медиа-запросы к вашему CSS, чтобы добавить отзывчивость. Если вам это неудобно, попробуйте добавить библиотеку bootstrap в ваш проект и использовать ее. У них есть хорошая документация о том, как сделать ваш сайт отзывчивым и гибким по своей природе.

Ссылка: https://getbootstrap.com/

...