Способы оптимизации сайта под мобильные девайсы
Страницы:
Распечатать
- 1
- 2
В PHP пока не лезу. Всё успеть невозможно. Должна быть специализация и разделение обязанностей.
Немножко изучил JavaScript но серьёзным программистам со мной не о чем говорить [/quote]
Ты мек напоминаешь одного посетителя моего форума. Говорит, движки нравятся, хочу движок написать. В итоге выяснилось, что ему нравятся конструкторы, типа юкоза. Чтоб на кнопочки нажимать, и форума появлялись
Так вот, ещё раз
Всё, что мне известно о PHP-меня научил 4X_Pro
Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/
ПнБ написал(а):
Я на своём сайте (другой движок), веду неравный бой с отображением на мобильных устройствах. Проблемма-мобильный браузер при заходе на страницу сильно сжимает размер шрифтов, делая их мелкими. Гугл выводит мой сайт с предупреждением в сниппите об этом. В ИнтБ такой проблеммы нет. Как сдесь организована кроссбраузерность размеров шрифтов?
Всё. Уже разобрался. В CSS использованны медиа-запросы.
Всё, что мне известно о PHP-меня научил 4X_Pro
Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/
ПнБ написал(а):
Заплачь ещё.у меня пометка возле ника появилась, и особый статус. Админ меня выделил в отдельную группу, и никакие снимания галочек не помогут, и теги тоже.
Не обращай внимание на эти мелочи. Спокойно пусти меня в свой профиль, и увидишь решение этой проблемы. Если не доверяешь, то сначала временно поменяй пароль (потом восстановишь прежний). Если совсем не доверяешь, то потрать несколько минут на создание бота.
Интересную ссылку давно бы переслал мне для публикации. Без всей этой многодневной возни.
Та я плакальщик ещё тот. Да, ипохондрик?
Я, в основном, на тебя не обращаю внимания.
Тебя уже сегодня унижал кто-то, кроме меня?
Ну тут ты прям как баптист Впусти меня, и я покажу тебе дорогу к Богу.
_1_ написал(а):
Интересную ссылку давно бы переслал мне для публикации. Без всей этой многодневной возни.
Какой возни? Ты название темы видел?
Всё, что мне известно о PHP-меня научил 4X_Pro
Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/
. Редактировалось 3 раза, последний — #15
Ну, вот и поговорили Теперь, кому-то прибираться здесь... ))
Ладно, пойду посмотрю, кто такой "ипохондрик".
Ипохондрия — расстройство, при котором человек ошибочно убежден в том, что у него смертельный недуг.
Остынешь, пиши. Я не в обиде. Если пожелаешь, могу вообще не вмешиваться в твои беседы.
Ладно, пойду посмотрю, кто такой "ипохондрик".
Ипохондрия — расстройство, при котором человек ошибочно убежден в том, что у него смертельный недуг.
Остынешь, пиши. Я не в обиде. Если пожелаешь, могу вообще не вмешиваться в твои беседы.
Не расстраивайся. Чьи-то крепкие волосатые руки сделают тебе массаж на ночь, сладкач
Заодно посмотри, кто такой moaner. (Господи, глумится над тобой-одно удовольствие)
Где ты видел признаки расстройства? Ты мне паралельно-перпендикулярен
Всё, что мне известно о PHP-меня научил 4X_Pro
Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/
Здесь применяются так называемые 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.
Спасибо, я уже разобрался -поковырялся в CSS -файле.
Зачем у тебя их несколько? Один общий-помоему удобней...
Зачем у тебя их несколько? Один общий-помоему удобней...
Всё, что мне известно о PHP-меня научил 4X_Pro
Опрос пользователей о деятельности _1_ http://intbpro.ru/flood/119/
Изначально один и планировалось. Но потом пришел к выводу, что доля неиспользуемых CSS-правил оказывается слишком большой, и оказывается лучше загрузить два файла по 5-10 Kb каждый, где второй будет зависеть от конкретного типа страницы (т.е. для главной один, для списка тем — другой, для темы — третий), чем один на полсотни Kb. А для тех страниц, где специфического CSS совсем мало (десяток строк), делаю его вообще встроенным, чтобы избежать лишнего запроса.
Критикуя — предлагай, предлагая — обосновывай!
4xpro.ru — мой личный сайт-мультиблог на Intellect Board.
Страницы:
Распечатать - 1
- 2
У вас нет прав для отправки сообщений в эту тему.