PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 28 Апреля, 2021 - 09:57:20
Post Id


Частый гость


Покинул форум
Сообщений всего: 168
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,
Делаю админку на основе tailwindcss 2.1 с верхним меню которое складывается на маленьких
девайсах и на каком-то этапе начались проблемы как раз намаленьких девайсах - я пропустил в какой момент

Надо открыть http://tads-back[dot]my-demo-apps[dot]tk[dot][dot][dot]admin/categories (логин там уже введен)
1) и скажем на Ipad-е https://prnt[dot]sc/126o2h6 выпадающие элементы не поддерживают фон верхнего меню
не могу выбрать элементы под меню - может из-за проблемы выше

2) На Nexus 7 : таблица с данными растягиывает всю страницу https://prnt[dot]sc/126oalh
Хотя там есть прокрутка страницы с данными.

Как это починить ?

Спасибо!
 
 Top
Vladimir Kheifets
Отправлено: 29 Апреля, 2021 - 13:40:46
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 707
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 33 раз(а)




mstdmstd пишет:
Всем привет,
Делаю админку на основе tailwindcss 2.1 с верхним меню которое складывается на маленьких
девайсах и на каком-то этапе начались проблемы как раз намаленьких девайсах - я пропустил в какой момент
Как это починить ?
Спасибо!

Добрый день!

Чтобы исправлять, попробуйте протестировать на разных устройствах со сменой ориентации.
Сделать это можно на РС в режиме амуляци, например, в бразере Firefox
нажав клавиши CTRL + Shift + M

Дествительно, разметка работает странно.
Текст не переносится, а обрубается (зафиксирована ширина + overflow: hidden)
Попробуйте исправить (добавить) Media Queries в файле
http://tads-back[dot]my-demo-apps[dot]tk/css/toastr[dot]css
CODE (html):
скопировать код в буфер обмена
  1. @media all and (min-width: 241px) and (max-width: 480px) {
  2. ...  
  3. }
  4. @media all and (min-width: 481px) and (max-width: 768px) {
  5. ...
  6. }

Удачи!

(Отредактировано автором: 29 Апреля, 2021 - 17:30:13)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB