как сделать полноэкранное отделение и предотвратить размер, который будет изменен содержанием?

Question

как сделать полноэкранное отделение и предотвратить размер, который будет изменен содержанием?

для моего веб-приложения я хотел бы, чтобы основное отделение было полным экраном (и ширина и высота = 100%), и независимо от содержания, я хочу, чтобы это осталось в том размере. это означает, если нет большого количества содержания, оно не должно уменьшаться, и если существует слишком много содержания, оно не должно продвигать это основное отделение.

как я могу сделать это?

(я соглашаюсь со взломами, относился к этому отделению, пока это сохранит содержание без взломов),

37

css fullscreen

задан tshepang 6 July 2014 в 16:23

4 ответа

Другие вопросы по тегам:

css fullscreen

Похожие вопросы:

score 4 · Answer 1

<html>
<div style="width:100%; height:100%; position:fixed; left:0;top:0;overflow:hidden;">

</div>
</html>

4

ответ дан 27 November 2019 в 04:34

score 41 · Answer 2

Или даже просто:

<div id="full-size">
  Your contents go here
</div>

html,body{ margin:0; padding:0; height:100%; width:100%; }
#full-size{
  height:100%;
  width:100%;
  overflow:hidden; /* or overflow:auto; if you want scrollbars */
}

(html, body можно установить как... 95%-99% или что-то вроде этого, чтобы учесть небольшие несоответствия в полях и т.д.)

score 0 · Answer 3

Используйте HTML

<div id="full-size">
    <div id="wrapper">
        Your content goes here.
    </div>
</div>

и CSS:

html, body {margin:0;padding:0;height:100%;}
#full-size {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}
#wrapper {
    /*You can add padding and margins here.*/
    padding:0;
    margin:0;
}

Убедитесь, что HTML находится в корневом элементе.

Надеюсь, это поможет!

score 0 · Answer 4

#fullDiv {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden; /* or auto or scroll */
}

0

ответ дан 27 November 2019 в 04:34