Итак, я попытаюсь сохранить эту краткую информацию. Я пытаюсь создать свой сайт (он на 100% сырой), и когда я даю его другим друзьям для просмотра, изображения и текст не являются встроенными, и я не слишком уверен, как я должен бороться с этим, я разместил свой код так что если есть кто-нибудь, кто мог бы протянуть руку, я был бы признателен. Благодарю.Размеры сайта на разных экранах
---> Код - http://pastebin.com/8J2tqd8J
Что вы говорите, называется адаптивный дизайн сайта.
Есть целый ряд решений, с помощью CSS @media запросов, чтобы Используя адаптивные проклейки, как vw или rem.
Однако, чтобы сделать нашу жизнь проще, есть каркас, который делает всю тяжелую работу для нас - щебетать Bootstrap. Просто включите необходимые библиотеки в свои заголовки и начните использовать их имена классов.
Here is a great introduction, как это работает.
Основы, которые вы могли бы включать в <head>(или вы можете приклеить JS ссылку внизу, как раз перед </body> тегов - ваш вызов) являются:
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
Конечно, вы бы все еще есть другие вещи в <head>, такие как DocType, Title, ваша собственная таблица стилей, ваш собственный js-файл (если требуется) и т. д. Вышеприведенное просто демонстрирует, как вы можете ссылаться на все необходимые библиотеки из онлайн-CDN без необходимости загрузки/установки что-либо на ваш веб-сервер.
Я добавил теги заголовка, однако мне было интересно, нужна ли ссылка CSS? Поскольку я уже создал весь свой сайт и загрузочный бутстрап, один из видов сбрасывается/сливается с моим. Я попытался удалить тег CSS из бутстрапа, однако он сделал сайт немного замеренным. http://baseframe.co/a/ - Если вы посмотрите здесь, на мобильном телефоне (или если вы сделаете свое окно меньше), текст div будет немного сумасшедшим. – Devexted
Если в таблице стилей начальной загрузки указано * до * вашей таблицы стилей, то любые стили с одинаковым именем будут перезаписаны вашей таблицей стилей. Это обычная ситуация, и многие из нас, по мере необходимости, катаются по стилю бутстрапа. И да, определенная таблица стилей Bootstrap. – gibberish
Пожалуйста, добавьте ваш HTML-код. –