bootstrap, css или адаптивный, не работающий как на мобильных устройствах, так и на ПК - PullRequest
0 голосов
/ 21 ноября 2018

мой сайт построен с использованием PHP.Если я захожу на эту страницу www.xyz.com/post.php, то это работает правильно как на мобильных, так и на ПК.Если я зайду на эту страницу www.xyz.com/post/23/what-is-php, то загрузчик не загружается на обоих устройствах.

, если я использую базовый href и meta viewport ... что-то вроде этогониже

 <base href="http://localhost/postblog/post.php">
 <body style="background-color: #EAEAEA"> 



<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

тогда он работает только на ПК, но не на мобильном устройстве ... это проблема полного кода

 <head>
<base href="http://localhost/postblog/post.php">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Blog Home - Start Bootstrap Template</title>

<!-- Bootstrap core CSS -->
<link href="home/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="home/css/blog-home.css" rel="stylesheet">

Я использую httpaccess для поиска по URL ...я думаю, что проблема возникает для этого

Ответы [ 2 ]

0 голосов
/ 21 ноября 2018

удалить shrink-to-fit=no

<meta name="viewport" content="width=device-width, initial-scale=1">

добавить косую черту, чтобы получить контент из дома

<!-- Bootstrap core CSS -->
<link href="/home/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
<!-- Custom styles for this template -->
<link href="/home/css/blog-home.css" rel="stylesheet">
0 голосов
/ 21 ноября 2018

shrink-to-fit=no просто допустит переполнение экрана.Я бы порекомендовал попробовать без.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...