Спасибо. Как искать такие табы, это где то в документации пишут?
Подскажите куда именно дописать $('#container').masonry('reloadItems')
$(document).ready(function() {
var $container = $(".box");
$container.imagesLoaded(function () {
$container.masonry({
// options
itemSelector: '.effect',
columnWidth: '.effect',
gutter: 10,
fitWidth: true,
originLeft: true
});
});
});
Сергей: Как я уже говорил у вас на десктопе табы а для телефона нужен тот самый контент только не в виде табов а просто идет сверху вниз. Здесь только вариант скрыть табы и для телефона сверстать новый блок без них. Или нет?
"Какой смысл генерить разный контент для разных устройств и тем самым уменьшать релевантность страницы, мне тоже не понятно." Как я уже говорил у вас на десктопе табы а для телефона нужен тот самый контент только не в виде табов а просто идет сверху вниз. Здесь только вариант скрыть табы и для телефона сверстать новый блок без них. Или нет?
Если у меня на десктоп есть табы, а на теле я не хочу что бы они были просто эти же блоки но без переключения. Я скрываю табы и верстаю заново блок который мне нужно. Это единственный вариант? По другому нельзя сделать?
"картинки заходят на нижний (следующий) блок, как будь то у родительского блока указана фикс. ширина, хотя это не так."
Такое происходит только когда обновляешь страницу, если перейти на любой другой таб, а потом назад на первый то автовысота срабатывает.
Вот сделал пример codepen.io/freeman0204/pen/reQNmB меньше 1000 микселей поставил правую колонку под левую, а дальше не знаю как сделать так как я на рисунке показал. Сможете подсказать?
Забыл. Также для формы использовался transform scale. И вот нашел такую строку в интернете
How to target Samsung Galaxy S3 media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2)
Это нужно медиа прописывать для каждого устройства?