Разрыв над моим основным контейнером

Question

Разрыв над моим основным контейнером

0

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

Вот ссылка на приложение. Любые другие советы приветствуются. Таблица стилей немного беспорядочна, и я пройду и очищу ее, но я все еще достаточно рано на кривой обучения, что я буду есть любую помощь и все. Заранее спасибо.

kfrncs 14 нояб. 2013, в 08:23

Источник

1

Я думаю, что вы получите лучшие ответы, если разместите соответствующий код в своем вопросе (т. Е. «Наименьшее медиа», о котором вы говорите).
Frederik.L 14 нояб. 2013, в 07:00
0

@Frederik.LFrederik.L, что лучше, когда я не знаю, какая часть кода вызывает проблему? Опубликовать фрагменты всего, что я думаю, может быть? Спасибо :)
kfrncs 14 нояб. 2013, в 15:38

Теги:

html

css

responsive-design

4 ответа

2

удалите верхний край вашего h1

h1 { margin-top: 0 }

Kim Hogeling 14 нояб. 2013, в 05:25

1

#calcPanel h1 {
padding: 8%;
margin-top: 0;
}

Bipin Kumar Pal 14 нояб. 2013, в 05:50

0

Вы должны удалить margin-top из своего div.

#calcPanel {
   width: 38%;
   height: 95vh;
   margin-left: 8%;
   margin-top: 1vh;    /* replace this with     margin-top: 0px; */
   float: left;
}

Parixit 14 нояб. 2013, в 06:07

0

Этот стиль действует только тогда, когда экран шире, чем 1100 пикселей. Мне интересно, что происходит в этом разделе 320-768. Не могу понять, что на это повлияет. В любом случае поле больше 1vh, когда окно маленькое
kfrncs 14 нояб. 2013, в 15:36

Ещё вопросы

Я думаю, что вы получите лучшие ответы, если разместите соответствующий код в своем вопросе (т. Е. «Наименьшее медиа», о котором вы говорите).
@Frederik.LFrederik.L, что лучше, когда я не знаю, какая часть кода вызывает проблему? Опубликовать фрагменты всего, что я думаю, может быть? Спасибо :)
Этот стиль действует только тогда, когда экран шире, чем 1100 пикселей. Мне интересно, что происходит в этом разделе 320-768. Не могу понять, что на это повлияет. В любом случае поле больше 1vh, когда окно маленькое

Mr. Alien · Accepted Answer · 2013-11-14T05-34-00.000Z

Не уверен, что разрыв вы говорите, но кажется, что вы не сбрасывается браузер по умолчанию margin, так что используйте это в таблице стилей - строка 29

h1 {
   margin: 0;
}

И вы уже используете * селектор, поэтому вместо использования margin: 0; и padding: 0; на body, используйте его на * вместо..