Всем привет. У меня такой вопрос. У меня есть на сайте два меню. Я хочу что б одна показывала на мобильной версии, а другая не показывала. А на компьютерной версии наоброт, вторая показывала а первая нет.
я скрываю с помощью display: none; например в мобильной версии. но проблема в том что она почему то и в компьютерной версии скрывается. Поэтому такой вопрос. у "display" есть такая функция - показывать? что б я в компьютерной версии поставил такую функцию display - показывать; что бы она перебивала настройки из мобильной версии.
Здравствуйте.
Там все просто - прочитайте про css медиазапросы.
Например
@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/
}
т.е. просто стили: 1 меню показывается второе нет
медиазапрос: 1 меню скрываем, второе показываем
Otshelnik-Fm сказал(а)
Здравствуйте.Там все просто - прочитайте про css медиазапросы.
Например
@media screen and (max-width:768px) { /*тут стили для экрана от 768 пикселей и меньше*/ }т.е. просто стили: 1 меню показывается второе нет
медиазапрос: 1 меню скрываем, второе показываем
Так я вкурсе тут просто тема необычная. Тут много расширений экрана. Обычно три на темах. А тут около 8 может даже и больше. И непонятно откуда и зачем так много. Даже опытные смотрели, удивлялись, какая накрученная тема и как много всего в теме. Поэтому хотел поставить стиль - просто скрыть для всех расширений. А в мобильной версии просто поставить стиль показывать, если у display такое есть. Не подскажете есть такой у display?
Otshelnik-Fm сказал(а)
заводите свой медиазапрос под тот размер какой нужен. Ставьте его ниже всех - и он перебьет все правила что выше. Или ставьте в любое место - и добивайте "Вы не можете просматривать опубликованные ссылки" селекторов
получается на 300 поставлю он будет действовать на все что выше. и поставлю на 700 другой стиль и он будет дейстовать тоже на все что выше?
Otshelnik-Fm сказал(а)
заводите свой медиазапрос под тот размер какой нужен. Ставьте его ниже всех - и он перебьет все правила что выше. Или ставьте в любое место - и добивайте "Вы не можете просматривать опубликованные ссылки" селекторов
ладно впринципе. решил под каждый буду делать отдельно. основываясь на список расширений
Просто я думал что большинство не нужны. Оказывается на многих устройствах свое расширение. Спасибо все равно за совет)
@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/}
ааа все вроде понял. получается сделать так примерно и все?
@media screen and (max-width:1280px) {
/*тут стили для экрана от 1280 пикселей и меньше*/
}
@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/
}
некоторые телефоны тоже не понятны расширение как на компе 1080х1920, 1920х1080 - Samsung Galaxy S4, Samsung Galaxy S5, Apple iPhone 7 Plus, Apple iPhone 8, Samsung Galaxy Note 3, Nokia Lumia 1520, Sony Xperia Z1, Sony Xperia Z2, Sony Xperia Z Ultra, Sony Xperia Z3, HTC One, HTC One MAX, HTC One M8
Ладно спасибо)) большое. придется под каждую настраивать. можете закрыть тему.
вы уж сами определитесь что вам надо - в первом сообщении вы говорите о 2х версиях компьютерная и мобильная. тут уже начали почему то придумывать кучу других расширений. Зачем - я не понимаю.
Делают так - компьютеры одно меню. Сработал медиазапрос - брейкпойнт отработал и применились стили для планшетов и меньше показывая мобильное меню. И никаких промежуточных для мобильного меню, чтобы его показать не нужно.
p.s. про viewport почитайте - основы адаптивной верстки
да так и есть. мне было достаточно и компьютерной версии и мобильной. но вот сейчас когда столкнулся с темой проверил еще и на iPad 4 Retina, а тут вообще по другому. менюшек никакх нет (не мобильной не компьютерной). поэтому и появились другие вопросы.
Otshelnik-Fm сказал(а)
p.s. про viewport почитайте - основы адаптивной верстки
да ща буду изучать