Css не работает в моем мобильном браузере Android

Question 1

Сайт выглядит идеально при просмотре с рабочего стола. Но когда я попытался получить доступ к мобильному устройству, он не показывает панель навигации и фоновое изображение, а загружает только html-контент и столбцы. Любое предложение, как это исправить.

css

-3

Salman Akhtar 23 Окт 2019 в 21:38

Не могли бы вы опубликовать здесь более подробную информацию?

–

SolutionMill

23 Окт 2019 в 22:37

Answer

Будет сложно найти идеальный ответ без какого-либо кода или деталей, но одна из вещей, которую вы можете сделать, это добавить Bootstrap на веб-сайт.

Так что же такое Bootstrap?

Bootstrap — это набор инструментов с открытым исходным кодом для разработки с использованием HTML, CSS и JS, но его самым большим преимуществом является то, что он поставляется с адаптивными элементами, поэтому вам не нужно беспокоиться о том, как он будет выглядеть на других устройствах, поскольку элементы Bootsrap уже адаптивны.

Один из самых простых способов сделать это — добавить следующий код в свой код в разделе «head»:



<head>
       <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

Теперь все, что вам нужно сделать, это поместить ваши элементы (например, панель навигации) в классы Bootstrap (и при необходимости персонализировать их), чтобы они правильно отображались на всех устройствах.

Что касается того, как на самом деле использовать элементы начальной загрузки и персонализировать их, вот некоторая документация:

https://www.w3schools.com/bootstrap4/default.asp

https://getbootstrap.com/docs/4.3/getting-started/introduction/

Я надеюсь, что это поможет, а если нет, то не стесняйтесь предоставить более подробную информацию о вашей проблеме, чтобы я мог попытаться дать вам лучший ответ :)

0

eden annonay 24 Окт 2019 в 15:15

Я столкнулся с проблемами в моем мобильном браузере. Когда я открываю свою веб-страницу в своем мобильном браузере, фоновое изображение не отображается, а отображается только html-контент.

–

Salman Akhtar

25 Окт 2019 в 12:55

И я использовал метатег и загрузочную ссылку, проблема в том, что . Когда я открываю веб-страницу в настольном браузере, она отлично работает, а при открытии в мобильном браузере страница не работает.

–

Salman Akhtar

25 Окт 2019 в 12:58

Если вы можете показать мне код html/css, я могу работать над более конкретным решением :) иначе я не могу понять, в чем проблема

–

eden annonay

27 Окт 2019 в 07:46

Question 2

Будет сложно найти идеальный ответ без какого-либо кода или деталей, но одна из вещей, которую вы можете сделать, это добавить Bootstrap на веб-сайт.

Так что же такое Bootstrap?

Bootstrap — это набор инструментов с открытым исходным кодом для разработки с использованием HTML, CSS и JS, но его самым большим преимуществом является то, что он поставляется с адаптивными элементами, поэтому вам не нужно беспокоиться о том, как он будет выглядеть на других устройствах, поскольку элементы Bootsrap уже адаптивны.

Один из самых простых способов сделать это — добавить следующий код в свой код в разделе «head»:



<head>
       <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

Теперь все, что вам нужно сделать, это поместить ваши элементы (например, панель навигации) в классы Bootstrap (и при необходимости персонализировать их), чтобы они правильно отображались на всех устройствах.

Что касается того, как на самом деле использовать элементы начальной загрузки и персонализировать их, вот некоторая документация:

https://www.w3schools.com/bootstrap4/default.asp

https://getbootstrap.com/docs/4.3/getting-started/introduction/

Я надеюсь, что это поможет, а если нет, то не стесняйтесь предоставить более подробную информацию о вашей проблеме, чтобы я мог попытаться дать вам лучший ответ :)

0

eden annonay 24 Окт 2019 в 15:15

Я столкнулся с проблемами в моем мобильном браузере. Когда я открываю свою веб-страницу в своем мобильном браузере, фоновое изображение не отображается, а отображается только html-контент.

–

Salman Akhtar

25 Окт 2019 в 12:55

И я использовал метатег и загрузочную ссылку, проблема в том, что . Когда я открываю веб-страницу в настольном браузере, она отлично работает, а при открытии в мобильном браузере страница не работает.

–

Salman Akhtar

25 Окт 2019 в 12:58

Если вы можете показать мне код html/css, я могу работать над более конкретным решением :) иначе я не могу понять, в чем проблема

–

eden annonay

27 Окт 2019 в 07:46

Css не работает в моем мобильном браузере Android

1 ответ

Похожие вопросы

Новые вопросы

css