13 ответ(ов) в теме
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
1
15:10

Всем привет. У меня такой вопрос. У меня есть на сайте два меню. Я хочу что б одна показывала на мобильной версии, а другая не показывала. А на компьютерной версии наоброт, вторая показывала а первая нет.

я скрываю с помощью display: none; например в мобильной версии. но проблема в том что она почему то и в компьютерной версии скрывается. Поэтому такой вопрос. у "display" есть такая функция - показывать? что б я в компьютерной версии поставил такую функцию display - показывать; что бы она перебивала настройки из мобильной версии.

Редакции сообщения
18.03.2018 15:11dok102Причина: не указано
18.03.2018 15:12dok102Причина: не указано
0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 12044
2
15:29

Здравствуйте.

Там все просто - прочитайте про css медиазапросы.
Например

@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/

}

т.е. просто стили: 1 меню показывается второе нет
медиазапрос: 1 меню скрываем, второе показываем

Редакции сообщения
18.03.2018 15:30Otshelnik-FmПричина: не указано
0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
3
15:37

Otshelnik-Fm сказал(а)
Здравствуйте.

Там все просто - прочитайте про css медиазапросы.
Например

@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/

}

т.е. просто стили: 1 меню показывается второе нет
медиазапрос: 1 меню скрываем, второе показываем

Так я вкурсе тут просто тема необычная. Тут много расширений экрана. Обычно три на темах. А тут около 8 может даже и больше. И непонятно откуда и зачем так много. Даже опытные смотрели, удивлялись, какая накрученная тема и как много всего в теме. Поэтому хотел поставить стиль - просто скрыть для всех расширений. А в мобильной версии просто поставить стиль показывать, если у display такое есть. Не подскажете есть такой у display?

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
4
15:43

и я просто уже не понял какие куда. там и 300 и 300 с чем то, и 400 с чем то, и 500 .., и 700 .., 800 ..., 900 .., и 1000 ....

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 12044
5
15:45

заводите свой медиазапрос под тот размер какой нужен. Ставьте его ниже всех - и он перебьет все правила что выше. Или ставьте в любое место - и добивайте "

Вы не можете просматривать опубликованные ссылки

" селекторов

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
6
15:59

Otshelnik-Fm сказал(а)
заводите свой медиазапрос под тот размер какой нужен. Ставьте его ниже всех - и он перебьет все правила что выше. Или ставьте в любое место - и добивайте "

Вы не можете просматривать опубликованные ссылки

" селекторов

получается на 300 поставлю он будет действовать на все что выше. и поставлю на 700 другой стиль и он будет дейстовать тоже на все что выше?

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
7
16:12

Otshelnik-Fm сказал(а)
заводите свой медиазапрос под тот размер какой нужен. Ставьте его ниже всех - и он перебьет все правила что выше. Или ставьте в любое место - и добивайте "

Вы не можете просматривать опубликованные ссылки

" селекторов

ладно впринципе. решил под каждый буду делать отдельно. основываясь на список расширений

Вы не можете просматривать опубликованные ссылки

Просто я думал что большинство не нужны. Оказывается на многих устройствах свое расширение. Спасибо все равно за совет)

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 12044
8
16:14

Otshelnik-Fm сказал(а)
/*тут стили для экрана от 768 пикселей и меньше*/

почему вы говорите

dok102 сказал(а)
получается на 300 поставлю он будет действовать на все что выше. и поставлю на 700 другой стиль и он будет дейстовать тоже на все что выше?

почему выше?

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
9
16:22

@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/

}

ааа все вроде понял. получается сделать так примерно и все?
@media screen and (max-width:1280px) {
/*тут стили для экрана от 1280 пикселей и меньше*/
}

@media screen and (max-width:768px) {
/*тут стили для экрана от 768 пикселей и меньше*/

}

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
10
16:26

я просто в начале не так почитал. голова уже перегружана просто из этих стилей.

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
11
16:57

некоторые телефоны тоже не понятны расширение как на компе 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

Ладно спасибо)) большое. придется под каждую настраивать. можете закрыть тему.

0
Otshelnik-Fm
На сайте с 27.01.2013
Модератор
Тем 26
Сообщения 12044
12
17:03

вы уж сами определитесь что вам надо - в первом сообщении вы говорите о 2х версиях компьютерная и мобильная. тут уже начали почему то придумывать кучу других расширений. Зачем - я не понимаю.

Делают так - компьютеры одно меню. Сработал медиазапрос - брейкпойнт отработал и применились стили для планшетов и меньше показывая мобильное меню. И никаких промежуточных для мобильного меню, чтобы его показать не нужно.

p.s. про viewport почитайте - основы адаптивной верстки

0
dok102
не в сети 3 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
13
17:10

да так и есть. мне было достаточно и компьютерной версии и мобильной. но вот сейчас когда столкнулся с темой проверил еще и на iPad 4 Retina, а тут вообще по другому. менюшек никакх нет (не мобильной не компьютерной). поэтому и появились другие вопросы.

Otshelnik-Fm сказал(а)
p.s. про viewport почитайте - основы адаптивной верстки

да ща буду изучать

0
Тема закрыта. Публикация новых сообщений запрещена.