2013-12-12 5 views
0

Я создаю модуль joomla, и я хочу, чтобы он реагировал на различные мобильные устройства. Поскольку модуль joomla вводит некоторое содержимое в определенную часть всей страницы, поэтому другое содержимое страницы может не реагировать, если шаблон не реагирует. В этом случае, если весь шаблон страницы не реагирует, как мне сделать контент моего модуля, который реагирует? Я прочитал несколько статей о том, чтобы весь сайт отзывчивым, но не некоторые части content.So затем начать достижения своей цели, если это мета необходимо положить на странице -Выполнение некоторых частей содержимого

<meta name="viewport" content="width=device-width"> 

как она влияет на другие не- отзывчивый контент страницы сайта? с другой стороны, трудно ли и плохой практике проявлять отзывчивость для некоторых частей контента, а не всего?

Мой подход: я попытался использовать отзывчивую функцию t bootstrap, поставив все классы в bootstrap.css и bootstrap-responsive.css под пользовательский класс «.container_class» и разместил все мое содержимое в модуле под этим классом, чтобы только модуль контент наследует стили бутстрапа и не объявляет выше мета-контента, я видел, что если я изменил размер браузера, содержимое модуля изменилось бы, но не полностью проверило бы с учетом некоторых других вещей. Так этот подход плодотворный .. ?? или как я могу достичь своей цели?

+2

Попробуйте найти запросы '@ media', [в качестве примера] (http://css-tricks.com/css-media-queries/). Обратите внимание: опубликуйте свой сгенерированный «HTML», и мы, возможно, сможем предложить подходящее предложение кода. – Xareyo

+0

Мое содержание приходит автоматически из facebook с помощью ajax-звонка, так как я показываю ленту группы facebook. Этот контент включает в себя текст, изображения, другие, которые вы можете себе представить. Просто подумайте, какой контент с текстом, ссылкой, изображениями, значками, ... Это медиа-запросы достаточно, а как насчет метатега, который я написал? – mks

ответ

0

Детали вы хотите для мета-тега:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Если сам шаблон не реагирует, то нет никакого способа предсказать конечный результат без каких-либо проб и ошибок, хотя.

Если другие элементы в шаблоне или других расширениях имеют жестко закодированную ширину, которые не изменяются в размерах для меньших видовых экранов, вы все равно можете добиться некоторого успеха, добавив некоторый пользовательский CSS, например, изменив ширину тела от жестко закодированного 960px до inherit или 100%

Я не думаю, что при попытке. Естественно, что в конечном итоге переход к отзывчивому шаблону и, вероятно, Joomla 3 станет идеальным решением.

Удачи вам!

Смежные вопросы