HTML CSS статические страницы сайта отображаются в разных размерах - PullRequest
Новая
       35

HTML CSS статические страницы сайта отображаются в разных размерах

0 голосов
/ 17 октября 2018

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

Для проекта я создаю статический веб-сайт для школьного проекта и заметил, что страницы html / css отображаются в разных размерах (почти кажетсякак будто был эффект увеличения).Посмотрев код через инспектор, я заметил, что на странице index.html отображается ширина: 1236px, а другие страницы отображаются с шириной: 1350px в том же порту просмотра.Не уверен, как решить эту проблему.Ниже приведена ссылка на код на github.Снова извиняюсь, если есть лучший способ загрузить код здесь, это мой первый пост на этом форуме.

https://github.com/teoherman/repice-site

Заранее спасибо,

Ответы [ 2 ]

0 голосов
/ 17 октября 2018

Когда я начинал, я использовал Bootstrap для большей части моего школьного проекта.Это помогает отображать страницы на экранах разных размеров, и вы можете использовать множество примеров кодов.Надеюсь, это поможет вам.

0 голосов
/ 17 октября 2018

Проблема в пятой строке в вашем index.html или, скорее, в ее отсутствии на других ваших страницах.Рекомендуется всегда иметь метатег, указывающий информацию о области просмотра. 

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

Добавьте эту строку в заголовок других ваших страниц.Обратите внимание, что вы можете захотеть сохранить большинство мета-тегов в вашем <head> одинаковыми на разных страницах одного сайта.В частности, эти три: 

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
...