k
/*MEDIA QUERIES*/
@media (-webkit-min-device-pixel-ratio: 1.25) {
.nav-image {
width: 50%;
}
.navigation h2 {
font-size: 1.7rem;
width: 80%;
}
}
Size: a a a
2020 October 09
k
k
а вообще если по уму делать, то использовать препроцессор sass, который позволяет импортировать css файлы. Создаешь папку css. В ней папку с названием компонента, и в папке с названием компонента можно создать несколько файлов для каждого разрешения, и потом через sass импортировать эти файлы в главный компонент
SL
Друзья, подскажите пожалуйста
У меня есть страница, которая расположена в следующей папке:
pages/index/coolpon/_id.vue
Проблема в том, что это мобильная версия и по условию задания, она должна появляться с эффектом попапа (здесь проблем нет).
Но десктопная версия этой страницы сильно отличается.
Вопрос: как мне в зависимости от ширины экрана изменить страницу для рендера? Чтобы у меня на роут было две страницы: мобайл и десктоп.. всю голову сломал..
У меня есть страница, которая расположена в следующей папке:
pages/index/coolpon/_id.vue
Проблема в том, что это мобильная версия и по условию задания, она должна появляться с эффектом попапа (здесь проблем нет).
Но десктопная версия этой страницы сильно отличается.
Вопрос: как мне в зависимости от ширины экрана изменить страницу для рендера? Чтобы у меня на роут было две страницы: мобайл и десктоп.. всю голову сломал..
k
с этой библиотекой у тебя помимо верстки для каждого разрешения будут ещё и куча тегов от бибилотеки. Представь,что тебе компонентнужно адаптировать под 10 разных разрешений(от огромных экраных до мелких айфонов) а теперь представь 10 тегов <MatchMedia> с if else + файлы с версткой под эти 10 разрешений. И это только ОДИН компонент. Такое себе решение
SL
с этой библиотекой у тебя помимо верстки для каждого разрешения будут ещё и куча тегов от бибилотеки. Представь,что тебе компонентнужно адаптировать под 10 разных разрешений(от огромных экраных до мелких айфонов) а теперь представь 10 тегов <MatchMedia> с if else + файлы с версткой под эти 10 разрешений. И это только ОДИН компонент. Такое себе решение
Нет, тег будет один, всё можно достать из скопед слота
V💊
с этой библиотекой у тебя помимо верстки для каждого разрешения будут ещё и куча тегов от бибилотеки. Представь,что тебе компонентнужно адаптировать под 10 разных разрешений(от огромных экраных до мелких айфонов) а теперь представь 10 тегов <MatchMedia> с if else + файлы с версткой под эти 10 разрешений. И это только ОДИН компонент. Такое себе решение
ты же понимаешь, что ты сейчас это автору либы говоришь? хДД
k
ты же понимаешь, что ты сейчас это автору либы говоришь? хДД
какая мне разница, автор либы это или кто-то ещё) я высказал свое мнение
ЛБ
Коллеги, нужна помощь
подключаю less файл в качестве стилей, в котором используется примесь для media-query
но почему-то медиа запрос не срабатывает
подключаю less файл в качестве стилей, в котором используется примесь для media-query
но почему-то медиа запрос не срабатывает
GD
Подскажите где лучше кодбрасывать кастомные headers в запросы? Сейчас у меня это делает axios.js плагин, но на продакте на сервере вылазит ошибка Cannot set headers after they are sent to the client
Какие ещё варики есть? выше код axios.js - может там не так что-то делаю
Какие ещё варики есть? выше код axios.js - может там не так что-то делаю
PB
Коллеги, нужна помощь
подключаю less файл в качестве стилей, в котором используется примесь для media-query
но почему-то медиа запрос не срабатывает
подключаю less файл в качестве стилей, в котором используется примесь для media-query
но почему-то медиа запрос не срабатывает
max-width: 768px - помоему "px" надо дописать и заработает
ЛБ
max-width: 768px - помоему "px" надо дописать и заработает
точно! спасибо!
ЛБ
вот я балбес)))
SM
Друзья, здесь вопрос не в адаптивности (стилях), а именно в архитектуре, нужно чтобы на роут была именно разная директория страницы
Например для мобильных:
pages/index/coolpon/_id.vue
А для десктопа
pages/coolpon/_id.vue
Например для мобильных:
pages/index/coolpon/_id.vue
А для десктопа
pages/coolpon/_id.vue
SM
Такое возможно вообще? Или я, извините, хуйню несу и мне стоит задуматься над подходом? Спасибо.
Просто для примера, на мобильных устройствах эта страница должна открываться как попап с выплывающей анимацией поверх главной страницы, а на десктопе эта страница должна открываться внутри основного темплейта (лэйаута)
Просто для примера, на мобильных устройствах эта страница должна открываться как попап с выплывающей анимацией поверх главной страницы, а на десктопе эта страница должна открываться внутри основного темплейта (лэйаута)