Добрый день, товарищи. С течением времени и развития новых технологий... а да похрен... к сути...
В общем с толкнулся с такой проблемой. Хотел на днях адаптировать свой шаблон под различные мобильные устройства. Соответственно шаблон изначально не на резиновой верстке (о плавности изменения можно забыть). Смог с 1300 пикселей более-менее довести до кондиции к 800 пикселей по ширине. Сайт на всех устройствах, чей экран 800 и больше PX отображается корректно. Но столкнулся с такой проблемой. Надо ведь опускаться еще ниже к мобильным телефонам, смартфонам. Посредство обращений к запросам через @media, и прибеганию к CSS свойству display:none, получаются очень большие городушки из кода. Посредством CSS я не в силах изменить, например, то же самое меню, так, чтобы оно корректно отображалось. Хоть загородить блоков с display:none. Встал вопрос просто подключить файл, например, menu-adp540.php при разрешении от 540 до 800. Например.
Вопрос то встал, и встал конкретно. Потому что посредством PHP или того же AJAX я не знаю как это реализовать. Может быть у вас есть размышления, или идеи, или вы уже делали подобное? Конечно, я могу отрисовать новый шаблон, отдать его на верстку, или сделать сам (с натяжкой). Но хотелось бы узнать, может быть есть решения, которые при изменении разрешения экрана подключают другие файлы с уже подготовленной версткой. Или остается один вариант - городушки из display:none. Спасибо всем кто будет отвечать в моей теме и терпеть мой тупизм! Кстати, всех с наступившим))
Мой знакомый программист нашел одно решение, но оно сильно может повлиять на скорость загрузки сайта. Нашел только способ подгружать необходимый css файл методами jquery (подменой имени файла в атрибуте в href). Методом аякс тоже можно, но боюсь это может повлиять на скорость загрузки сайта.
