Не удалось создать загрузочную работу с помощью dotnetnuke

Я использовал twitter bootstrap в своем проекте с DotNetNuke. Я сделал свое проектирование и компоновку, используя HTML, CSS, bootstrap. Отзывчивый дизайн работал отлично, когда я тестировал его на разных мобильных устройствах, и даже если изменить размер окна браузера.

Поскольку он работал хорошо, я преобразовал дизайн в DotNetNuke Skin. Теперь отзывчивый дизайн отлично работает только при изменении размера окна браузера, а не на мобильных устройствах. Я понимаю поток, в котором DNN загружает таблицы стилей, и я следил за ним. Я сделал skin.css как комбинацию bootstrap.css, а затем содержимое bootstrap-responsive.css

Я не могу найти проблему, как если бы я использовал тот же skin.css с моим html, он отлично работает, но он не работает с DNN (на мобильных устройствах).

Ответ 1

Вам не хватает мета, предназначенного для мобильных устройств для правильного масштабирования. Вставьте в заголовок страницы следующее:

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

Ответ 2

Я просто замечаю что-то интересное и хочу поделиться им, может быть, это поможет кому-то. В разделе заголовка сайта вы должны сначала включить bootstrap.css и только после этого bootstrap-responsive.css, потому что, очевидно, responseive.css зависит от bootstrap.css

Конечно, метатег должен также присутствовать.

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Ответ 3

Убедитесь, что отзывчивый CSS (responsive.css) включен после основного не.