AlexBes

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

Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?

Похоже, что я все таки ошиблась. Тестировала на LG L90, у которого разрешение 960x540 - показывается мобильная версия сайта, хотя в медиа запросах для мобильных указано до 767px. Еще один интересный момент: возьмем, например, Samsung Galaxy s4, у него разрешение 960x540, а в эмуляторе хрома написано: viewport 360x640.

Спасибо, почитаю

Понятно, значит это действительно проблема. Но почему-то никто об этом не задумывается.

Доброго времени суток. Есть у меня задача для одного сайта сделать полу-адаптивную верстку для смартфонов и планшетов. "Полу", потому что внешний вид контента будет кардинально меняться, вплоть до изменений html. Алгоритм примерно такой: от 320 до 767 - контент под мобильные от 768 до 1023 - под планшеты от 1023 и выше - десктоп Но проблема в том, что на некоторых смартфонах встречается ширина 800px при разрешении 4,3". То есть такому телефону будет отдаваться контент предназначенный для планшетов. Можно ли как-то решить эту проблему?

Спасибо вот я слепая )

Прошу прощения, если вопрос не подходит под раздел, более подходящий не нашла. Все работает как надо, sass компилируется на лету. Но в этом и проблема. Я еще не успела дописать стили, а он уже скомпилировал, залил на сервер и выдал ошибки. Хотя я просто не успела дописать. Местами это очень мешает. Можно ли как-то настроить его компилировать только после сохранения файла?

гениально! у вас совсем другой подход, я бы не додумалась так сделать ) спасибо большое, выровняла - смотрится отлично

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

При наведении на пункты левого меню, иконки красиво выезжают, это благодаря анимации transition для ширины иконки, но этот же метод в правой части не работает. Методом проб и ошибок выяснила, что иконки будут красиво выезжать только когда прижаты к правому краю. В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right. Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот. Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно? Живой вариант

Если использовался паттерн, то можно так. Копируете его в свою коллекцию (есть там такая кнопка "create a new preset from the current pattern", не знаю как называется в русском варианте фш). Далее просто наводите мышкой на новый паттерн и видите в всплывающей строке его размер. Создаете файл с такими размерами и заливаете вашим паттерном. Фон готов.

у меня win7, хром - рамки нет

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

Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?