Intellect Board Pro
Расширяемая система управления форумами с открытым исходным кодом
Объявление
Выпущена версия 3.02 с двумя новыми типами разделов: блог и микроблог.
Перейти к скачиванию
Привет, гость!

Способы оптимизации сайта под мобильные девайсы

Настройки отображения темы Показывать по сообщений с сортировкой .
Выводить , отправленные .
Страницы:
Распечатать
ПнБ
Начинающий
Всего сообщений: 98
Зарегистрирован: 5 мая 2015, 11:37
Рейтинг пользователя: 0
29 августа 2016, 17:48#11
    _1_написал(а):
    Покажу,

    В PHP пока не лезу. Всё успеть невозможно. Должна быть специализация и разделение обязанностей.

    Немножко изучил JavaScript но серьёзным программистам со мной не о чем говорить [/quote]
    Ты мек напоминаешь одного посетителя моего форума. Говорит, движки нравятся, хочу движок написать. В итоге выяснилось, что ему нравятся конструкторы, типа юкоза. Чтоб на кнопочки нажимать, и форума появлялись
    Так вот, ещё раз для тех кто в танке. Ссылка вчера появилась, но сразу же из поста исчезла, хоть с галочкой, хоть без. А если б ты был хоть чуточку внимательней, то заметил бы, что у меня пометка возле ника появилась, и особый статус. Админ меня выделил в отдельную группу, и никакие снимания галочек не помогут, и теги тоже. Школьник.

    Всё, что мне известно о PHP-меня научил 4X_Pro
    Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/

    ПнБ
    Начинающий
    Всего сообщений: 98
    Зарегистрирован: 5 мая 2015, 11:37
    Рейтинг пользователя: 0
    29 августа 2016, 21:02#12
      ПнБнаписал(а):
      Я на своём сайте (другой движок), веду неравный бой с отображением на мобильных устройствах. Проблемма-мобильный браузер при заходе на страницу сильно сжимает размер шрифтов, делая их мелкими. Гугл выводит мой сайт с предупреждением в сниппите об этом. В ИнтБ такой проблеммы нет. Как сдесь организована кроссбраузерность размеров шрифтов?

      Всё. Уже разобрался. В CSS использованны медиа-запросы.

      Всё, что мне известно о PHP-меня научил 4X_Pro
      Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/

      _1_
      Участник
      Всего сообщений: 232
      Зарегистрирован: 14 окт 2014, 09:11
      Рейтинг пользователя: 15
      29 августа 2016, 21:20#13
        ПнБ написал(а):
        у меня пометка возле ника появилась, и особый статус. Админ меня выделил в отдельную группу, и никакие снимания галочек не помогут, и теги тоже.
        Заплачь ещё.

        Не обращай внимание на эти мелочи. Спокойно пусти меня в свой профиль, и увидишь решение этой проблемы. Если не доверяешь, то сначала временно поменяй пароль (потом восстановишь прежний). Если совсем не доверяешь, то потрать несколько минут на создание бота.

        Интересную ссылку давно бы переслал мне для публикации. Без всей этой многодневной возни.

        ПнБ
        Начинающий
        Всего сообщений: 98
        Зарегистрирован: 5 мая 2015, 11:37
        Рейтинг пользователя: 0
        29 августа 2016, 21:32#14
          _1_написал(а):
          Заплачь ещё.

          Та я плакальщик ещё тот. Да, ипохондрик?
          _1_написал(а):
          Не обращай внимание на эти мелочи.

          Я, в основном, на тебя не обращаю внимания.
          Тебя уже сегодня унижал кто-то, кроме меня?
          _1_написал(а):
          Спокойно пусти меня в свой профиль, и увидишь решение этой проблемы

          Ну тут ты прям как баптист Впусти меня, и я покажу тебе дорогу к Богу.
          _1_написал(а):
          Интересную ссылку давно бы переслал мне для публикации. Без всей этой многодневной возни.

          Какой возни? Ты название темы видел?
          _1_написал(а):
          Если не доверяешь, то сначала временно поменяй пароль (потом восстановишь прежний).


          Всё, что мне известно о PHP-меня научил 4X_Pro
          Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/

          _1_
          Участник
          Всего сообщений: 232
          Зарегистрирован: 14 окт 2014, 09:11
          Рейтинг пользователя: 15
          29 августа 2016, 22:01. Редактировалось 3 раза, последний — 30 августа 2016, 14:45#15
            Ну, вот и поговорили Теперь, кому-то прибираться здесь... ))

            Ладно, пойду посмотрю, кто такой "ипохондрик". 

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


            Остынешь, пиши. Я не в обиде. Если пожелаешь, могу вообще не вмешиваться в твои беседы.

            ПнБ
            Начинающий
            Всего сообщений: 98
            Зарегистрирован: 5 мая 2015, 11:37
            Рейтинг пользователя: 0
            29 августа 2016, 22:12#16
              _1_написал(а):
              Ну, вот и поговорили

              Не расстраивайся. Чьи-то крепкие волосатые руки сделают тебе массаж на ночь, сладкач
              _1_написал(а):
              Ладно, пойду посмотрю, кто такой "ипохондрик".

              Заодно посмотри, кто такой moaner. (Господи, глумится над тобой-одно удовольствие)
              _1_написал(а):
              Остынешь, пиши.

              Где ты видел признаки расстройства? Ты мне паралельно-перпендикулярен

              Всё, что мне известно о PHP-меня научил 4X_Pro
              Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/

              4X_Pro
              Основатель проекта
              Всего сообщений: 240
              Зарегистрирован: 22 сен 2014, 18:56
              Откуда: Москва, Перово
              Рейтинг пользователя: 6
              30 августа 2016, 19:37#17
                ПнБнаписал(а):
                Как сдесь организована кроссбраузерность размеров шрифтов?

                Здесь применяются так называемые media-зависимые запросы. Это конструкции в CSS такого вида:
                @media screen and (max-width: 1024px) { // здесь идут правила CSS, которые применяются на устройствах с шириной экрана в 1024 и ниже }

                То есть, например, можно прописать сначала размер шрифта для блока content в общем случае:
                #content { font-size: 12px }
                А потом с помощью для мобильных более крупный:
                @media screen and (max-width: 1024px) {
                #content { font-size: 16px }
                }
                На устройствах с экраном в 1024 px и ниже будет использоваться шрифт размера 16px, на остальных — 12px.

                Еще нужно не допускать элементов с фиксированной или просто большой шириной. В основном, это картинки и таблицы. Для картинок прописываем в CSS
                img { max-width: 100% }
                А таблицы на узких экранах преобразуем в обычные блоки с помощью свойства display. Т.е. будет что-то вроде такого
                table tr { display: block }
                table td { display: inline }
                (только вместо table лучше писать идентификаторы конкретных таблиц, например, у меня такое применяется к таблице разделов на главной и таблице тем в разделе).

                Критикуя — предлагай, предлагая — обосновывай!
                4xpro.ru — мой личный сайт-мультиблог на Intellect Board.

                ПнБ
                Начинающий
                Всего сообщений: 98
                Зарегистрирован: 5 мая 2015, 11:37
                Рейтинг пользователя: 0
                30 августа 2016, 19:58#18
                  Спасибо, я уже разобрался -поковырялся в CSS -файле.
                  Зачем у тебя их несколько? Один общий-помоему удобней...

                  Всё, что мне известно о PHP-меня научил 4X_Pro
                  Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/

                  4X_Pro
                  Основатель проекта
                  Всего сообщений: 240
                  Зарегистрирован: 22 сен 2014, 18:56
                  Откуда: Москва, Перово
                  Рейтинг пользователя: 6
                  30 августа 2016, 20:16#19
                    Изначально один и планировалось. Но потом пришел к выводу, что доля неиспользуемых CSS-правил оказывается слишком большой, и оказывается лучше загрузить два файла по 5-10 Kb каждый, где второй будет зависеть от конкретного типа страницы (т.е. для главной один, для списка тем — другой, для темы — третий), чем один на полсотни Kb. А для тех страниц, где специфического CSS совсем мало (десяток строк), делаю его вообще встроенным, чтобы избежать лишнего запроса.

                    Критикуя — предлагай, предлагая — обосновывай!
                    4xpro.ru — мой личный сайт-мультиблог на Intellect Board.

                    Страницы:
                    Распечатать

                    У вас нет прав для отправки сообщений в эту тему.

                    0: Контрольная точка "Конец инициализации". Время выполнения: 0.002. Запросов: 8, время запроса: 0.001 (59.10)%. Памяти использовано: 519840 байтов

                    0: Контрольная точка "Фиксация действия пользователя выполнена". Время выполнения: 0.002. Запросов: 10, время запроса: 0.001 (60.41)%. Памяти использовано: 520168 байтов

                    0: Контрольная точка "Основное действие выполнено". Время выполнения: 0.007. Запросов: 17, время запроса: 0.003 (48.60)%. Памяти использовано: 730928 байтов

                    0: Контрольная точка "Вспомогательные действия выполнены". Время выполнения: 0.007. Запросов: 21, время запроса: 0.004 (50.63)%. Памяти использовано: 746632 байтов

                    0: Контрольная точка "После срабатывания шаблонизатора.". Время выполнения: 0.012. Памяти использовано: 1031936 байтов