Спасибо! А что именно вы сделали?
function updateInputs(data) {
var $parent = $(data.input).parent();
$parent.find(inputFrom).prop("value", data.from);
$parent.find(inputTo).prop("value", data.to);
}
То есть они если в одном блоке то оно работает только с ним? То есть если слайдер и инпуты в одном диве то так да?
Глеб Кемарский: Вот смотрите. Ширина моего сайта должна быть 1200px правильные ли запросы? media (min-width: 480px) and (max-width: 767px) {
.container {
max-width: 748px;
outline: 1px solid yellow;
}
}
1 - спасибо понял, 2 - спасибо понял, 3 - проблемка ( как решить не понял) 4 - спасибо, 5 - решил попробовать mobile first
теперь смотрите что выходит) Все идеально кроме того, когда идет меньше 480 px) Как ее решить все же?
Сайт
Александр Котов: скорее всего не задачу. Понимаю если бы я знал это я бы не спрашивал тут и сам бы сделал) А именно показать метод как правильно и где прописать
Потому что я часто когда ковырялся в сайтах видел jquery плагины. Помню описание к плагину было CACHE PLUGIN. Но это было давно и не помню что за сайт.
Глеб Кемарский: Рассмотрим на основе моей сетки. У меня прописан медиа запрос
/* Small Devices, Tablets */ media only screen and (max-width: 768px) {
body{
min-width: 456px;
}
.container {
width: 456px;
}
}
Отсюда можно увидеть что для всех устройств у которых экран меньше 768 px будет контейнер 456px. Следовательно отсюда можно легко позиционировать элементы. Ведь я точною знаю что у всех устройств будет ширина 456px.
Глеб Кемарский: ой, я немного ошибся
1) Несовершенство когда меньше 758px. Боди и контейнер сразу становятся 480px. То есть если у дейвайса экран 600px у него контейнер будет 480.
2) Ну думаю это не правильно насильно использовать боди, то есть указывать ему строгую ширину?
3) Понравилось именно то что при сжимании окна браузера вообще отсутствует горизонтальная полоса прокуртки. В моей же когда переходишь на 998px размера экрана то появляется полоса.
4) Проблема смотрите в чем. В моей сетке для всех мобильников у меня макс ширина это 480px так? Следовательно легко можно позиционировать элементы которые будут отображатся на всех мобилках одинаково, потому что для них все действует правило 480px. Ну конечно иногда на экранах с 320px некоторые элементы вылетают и приходится еще один медиа запрос делать (когда меньше 480) но это редко.
А вот в случае с бутстрапом там когда меньше 768px нету конкретной ширины контейнера и не понятно как позиционировать элементы.
Глеб Кемарский: Проблема именно в не совершенстве моей сетки) Между 768 и 998px; Я делаю так. Если container 1170 px то body 1200px и тд. Просто меня смущает моё использование body. Медиа запросы бутстрапа мне нравятся но как именно верстать когда меньше 768 px не пойму
Глеб Кемарский: Вот например лендинг kulseitov.kz/bags В ней я использую свои медиазапросы. Но они не идеальны. Между 768px и 998px проблемка. Гляньте на лендинге моем grid.css и поймете)
