Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
0 / 0 / 2
Регистрация: 02.03.2016
Сообщений: 18

Не работает viewport

01.09.2016, 09:45. Показов 2854. Ответов 2

Студворк — интернет-сервис помощи студентам
Здравствуйте. есть сайт на joomla. Перестал работать viewport, никак не реагирует на изменения размера окна и из-за этого не работает моб.версия. что можно сделать??
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<head>
    <jdoc:include type="head" />
    <?php if ($this->params->get('googleFont')) { ?>
    <link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get("googleFontName");?>' rel='stylesheet' type='text/css' />
    <style type="text/css"> h1,h2,h3,h4,h5,h6,.site-title{ font-family: '<?php echo str_replace("+", ' ', $this->params->get('googleFontName'));?>', sans-serif; } </style>
    <?php } ?>
    <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="templates/rsmetro/css/ios.css" media="only screen and (max-device-width:1024px)" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/template.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/media768.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/media992.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/media1200.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/slick.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/slick-theme.css" type="text/css" />
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="templates/rsmetro/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="templates/rsmetro/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="templates/rsmetro/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="templates/rsmetro/apple-touch-icon-144x144.png" />
    <link rel="stylesheet" type="text/css" href="http://kenwheeler.github.io/slick/slick/slick-theme.css"/>
    
    <script>
      jQuery(document).ready(function() {
        jQuery('a#touch-menu').click(function() {
          if (jQuery('.main_menu ul li').css('display') == 'none') {
            jQuery('.main_menu ul li').slideDown();
          }
          else {
            jQuery('.main_menu ul li').slideUp();
          }
        });
      });
    </script>
    <!-- <script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_menu_4','sub_menu_5','sub_menu_6');
startList = function allclose() {
for (i=0; i < id_menu.length; i++){
document.getElementById(id_menu[i]).style.display = "none";
}
}--><script type="text/javascript">
    function openMenu(id){
      for (i=0; i < id_menu.length; i++){
        if (id != id_menu[i]){
          document.getElementById(id_menu[i]).style.display = "none";
        }
      }
      if (document.getElementById(id).style.display == "block"){
        document.getElementById(id).style.display = "none";
      }else{
        document.getElementById(id).style.display = "block";
      }
    }
    window.onload=startList;
    </script>
    <script>
      jQuery(document).ready(function(){ jQuery(window).resize(function(){ if (jQuery(window).width() < 768){
        jQuery('.footer1').each(function() { jQuery(this).insertBefore(jQuery(this).parent().find('.footer3')); }); 
      } else { jQuery('.footer1').each(function() {
        jQuery(this).insertBefore(jQuery(this).parent().find('.footer2:first-child')); 
      }); 
             } })   })                                              
    </script>
    <script>
      jQuery(document).ready(function(){ 
        jQuery(window).resize(function(){ 
          if (jQuery(window).width() < 768){
            jQuery('.sline').each(function() { 
              jQuery(this).insertBefore(jQuery(this).parent().find('.header_center')); 
            }); 
          } else { 
            jQuery('.sline').each(function() {
              jQuery(this).insertAfter(jQuery(this).parent().find('.header_center')); 
            }); 
          }})   })                                              
    </script>
    
    
    <script type="text/javascript">
      $(function() {
        $('.zdaniya_img a').lightBox();
      });
    </script>
    <style>
      .slick-slide img {
        width: 100%;
      }
      
      .slick-prev:before,
      .slick-next:before {
        color: black;
      }
    </style>
  </head>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.09.2016, 09:45
Ответы с готовыми решениями:

Прописал viewport а на телефоне адаптивный сайт не работает
Всем привет, такой вопрос. Я на своем сайте прописал &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0 &quot;&gt; ...

Использование viewport
На сайте не корректно отображается верстка на мобильных устройствах. Где могут быть ошибки? Может что то с viewport?

Тэг viewport
Доброго времени суток! Столкнулся с проблемой адаптивности. С помощью медиа запросов задал критические точки при которых дизайн сайта...

2
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
01.09.2016, 10:45
Тут var переменная нужна:
JavaScript
1
for (var i=0; i < id_menu.length; i++)
Просмотрите еще раз css-код. Может где-то забыли поставить ; или }, или наоборот избыток }}
0
0 / 0 / 2
Регистрация: 02.03.2016
Сообщений: 18
01.09.2016, 12:47  [ТС]
Спасибо всем. Оказывается другой разработчик все стили перекинул на bootstrap и они перекрывали все
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
01.09.2016, 12:47
Помогаю со студенческими работами здесь

Работа тега viewport
Добрый день! Сайт нерезиновый, с фиксированной шириной у блоков и не имеет мобильной верстки. Пытаюсь сделать, чтобы только при уменьшении...

Исправить баги с viewport
Здравствуйте коллеги, помогите пожалуйста разобраться. Проблема такова: При эмулировании через Developer Tools страница выглядит...

Изменение меню с помощью viewport
Добрый день. Подскажите, пожалуйста, добавил на сайт тэг viewport и меню стало вместо горизонтального вертикальным (на мобильных...

Viewport и отображение окна отладчиком
Я обычно забываю сразу прописывать вьюпорт, это плохая привычка, вот я прописал уже когда начал делать медиа на &lt;800 и вот как...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru