|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|||||||||||
Min-width или media query в mozilla05.11.2017, 13:41. Показов 2448. Ответов 21
Метки нет (Все метки)
Люди, выручайте. Всю голову поломал. Не знаю куда копать. Ситуация такая. Есть сайт. У него всего 1 брейкпоинт на 768 px. До этого значения я беру min-width 1280px для body и страница пропорционально масштабируется. после 768px я меняю min-width на 768px. Все. Такая конструкция работает в chrome opera, на некоторых андройд. А вот на Mozilla firefox отказывается. Страница не масштабируется, появляются скроллы. Скачок проходит как надо на брейкпоинте, но все остальное не фурычит. Скачал на телефон браузер мозилу. Такая же фигня.
сайт временно лежит на komfortplus36.ru
0
|
|||||||||||
| 05.11.2017, 13:41 | |
|
Ответы с готовыми решениями:
21
Адаптивная вёрстка, min-width или max-width?
|
|
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
|
|
| 05.11.2017, 14:34 | |
|
0
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 14:47 [ТС] | |
|
что меня должно смущать? может вы не так поняли суть. или я просто не знаю чего то?
Добавлено через 35 секунд Объясните.
0
|
|
|
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
|
||
| 05.11.2017, 15:01 | ||
|
0
|
||
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 15:04 [ТС] | |
|
Нет, тут же я использую viewport. И масштаб подбирается исходя из устройства.
Вот смотрите на сайт в google chrome или opera. На телефонах. http://komfortplus36.ru/ Все рендерится нормально. (Если открыть мобильное отображение) А вот мозила не хочет подстраивать масштаб. Вместо этого она пихает скролл.
0
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 16:06 | |
|
NeWay,
Не по теме: Где то я этот сайт уже видел, у Вас в группе одно задание на всех? :)
0
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 16:16 [ТС] | |
|
что за группа? сайт под заказ.
0
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 16:20 | |
|
NeWay, Что не так? Chrome, Opera, Firefox. Что Вас не устраивает?
1
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 16:24 | |
|
NeWay, до Вас был еще один парень с точно таким же сайтом, вот только ник я его не запомнил, тоже что то не получалось у него с сайтом, так весь форум замашнил
0
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 16:29 [ТС] | |
|
Посмотрите пожалуйста в мобильном отладчике. Например разрешение 800 на 800. В хром, опере и лисе. Вы увидите что хром и опера подгоняют масштаб страницы с размерами окна. А лиса скроллит горизонтально.
Добавлено через 2 минуты может быть был парень. Мне показывали верстку до этого. Там все было плохо. ( может быть для кого то и у меня плохо). НО я решил переверстать. Все адаптивно , хорошо. Просто такой момент заинтересовал очень сильно! Это не критично. ПРосто хочу понять почему так? дело в мозиле????? или в настройках viewport например??
0
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
||||||
| 05.11.2017, 16:44 | ||||||
|
NeWay, а Вы можете сбросить архив с сайтом?
Добавлено через 3 минуты NeWay, или попробуйте в
initial-scale=1 через запятую.
0
|
||||||
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 17:07 | |
|
NeWay, возможно дело в самом браузере. Возможно браузер не хочет зумировать сайт, в других браузерах можно сделать тоже самое и тоже появится скролл, а FireFox вообще не реагирует на такие манипуляции.
0
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|||||||||||
| 05.11.2017, 17:12 [ТС] | |||||||||||
|
Вы увидели то, что я хотел показать?
viewport пробовал разный. Это специфика мозилы я так думаю. ТЕм более никто не знает ответа. я могу скинуть другой пример. он точно также все отражает.
Добавлено через 2 минуты Зеленый блок двигается, когда я уменьшаю браузер до 1280. Как только я достигаю этой отметки в мозиле появляется скрол. В хроме появляется масштабирование.
0
|
|||||||||||
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 17:19 | |
|
NeWay, да увидел, что в firefox у вас появляется нижний скролл. Тогда встречный вопрос. Почему у меня его нету? Это все с Firefox скрины.
0
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
||||||
| 05.11.2017, 17:21 | ||||||
|
NeWay, и действительно, вас не смущает эта строка кода?
0
|
||||||
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 05.11.2017, 17:27 | |
|
В принципе все браузеры поступают логично. Мозилла при медиа запросе просто ставит фиксированную ширину, как и указано в запросе, из-за этого появляется полоса прокрутки. Опера же с хромом пытаются ужать контент и втиснуть его в экран. Возможно они просто по разному воспринимают плотнось пикселей на мобильных устройствах, отсюда и разное поведение.
1
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 17:30 [ТС] | |
|
объясняю) у вас нет нижнего скролла как раз потому что у вас отзывчивый макет. Все содержимое сжимается.
У меня адаптивный макет. Отзывчивости ВООБЩЕ нет. Есть переход на другой вид при 768 пикс. и все. До этого и после этого ширина сайта СТРОГО ФИкСИРОВАННАЯ. задана min-width. И да! меня бы это смущало если бы это нигде не работало. НО это не работает в мозиле.
0
|
|
|
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
|
|
| 05.11.2017, 17:30 | |
|
AlexZaw, и что в таких ситуациях делают?
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 05.11.2017, 17:34 | |
|
У вас не адаптивный макет, у вас фиксированный макет, но для двух размеров
0
|
|
|
0 / 0 / 0
Регистрация: 10.10.2016
Сообщений: 19
|
|
| 05.11.2017, 17:36 [ТС] | |
|
ну да, действительно. я же фактически заблокировал бутстрап.
0
|
|
| 05.11.2017, 17:36 | |
|
Помогаю со студенческими работами здесь
20
Заставить работать min-width,max-width в % Min-width, max-width (растолкуйте) min-width max-width min-width и max-width Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Символьное дифференцирование
igorrr37 13.02.2026
/ *
Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2).
Унарный минус обозначается как !
*/
#include <iostream>
#include <stack>
#include <cctype>. . .
|
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
|
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу,
и светлой Луне.
В мире
покоя нет
и люди
не могут жить в тишине.
А жить им немного лет.
|
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила»
«Время-Деньги»
«Деньги -Пуля»
|
|
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога
Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога
Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
|
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
|