0

Необходимо сделать так, чтобы содержимое тега HTML то бишь всего сайта, открывалось одинаково на всех разрешениях браузера, т.е. ширина сайта принимала ширину окна браузера.

В Chrome все отлично работает, достаточно задать min-width для тега HTML, но в Firefox и Safari это не работает, как быть?
Может я что-то упускаю?

<!DOCTYPE html>
<html stlye="min-width:1400px;">
<head>
	<title></title>
</head>
<body>

	<div class="very-big-block" style="width:1300px;height:1300px;background: red;"></div>

</body>
</html>

6
  • 1
    Не понял связи между проблемой и min-width. Ширина с окно браузера задаётся вообще-то через width: 100vw
    – andreymal
    24 янв 2018 в 9:40
  • Автор, покажи те часть кода, css и html, где не работает свойство min-width 24 янв 2018 в 9:46
  • 1
    В первую очередь надо сюда добавить код, что бы людям понятно было, что да как там ты творишь, а потом задавать вопрос....
    – Air
    24 янв 2018 в 9:48
  • К сожалению код привести не могу, вставил пример. В хроме через дебаггер мобильных устройств мы увидим красный квадрат по центру экрана мобильного устройства, а в firefox нет 24 янв 2018 в 9:52
  • <html stlye="min-width:1400px;"> это что за конструкция? не трогай html body никогда
    – Air
    24 янв 2018 в 9:59

2 ответа 2

1

Никогда не имей привычку трогать html и body. Ну даже body еще можно, но очень не желательно. То что ты хочешь сделать лучше делать через обертку. Создаешь div можешь назвать как угодно, но обычно это или root или wrapper

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  height: 100%;
  min-width: 1400px;
  background: green;
}

.very-big-block {
  width: 1300px;
  height: 1300px;
  background: red;
}
<div class="wrapper">
  <div class="very-big-block"></div>
</div>

1
  • Не согласен. Html и body замечательно трогаются.
    – Qwertiy
    5 фев 2018 в 16:48
0

Значение -moz-fit-content — задает ширину оптимальную для содержимого.

Для min-width это -moz-min-content, для max-width это -moz-max-content, а для width это большее значение между -moz-min-content и минимальным из -moz-max-content и -moz-available.

Пример:

div { min-width:-moz-fit-content; }

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.