Перейти к содержимому


Партнерская программа Kredov

Как адаптировать сайт под мобильные устройства, планшеты и т.д

#1 Napoleon-007

Napoleon-007
  • Пользователь
  • 329 сообщений
  • Репутация: 5
0

Отправлено 10 Март 2016 - 22:19

Здравствуйте ! Заметил, что сайт на мобильных устройствах, отображается очень нехорошо. Вся разметка плывет и текст и все остальное. В интернете много вариантов описано, но мне бы не хотелось например делать мобильную версию. Я заинтересован в том, что бы на мой сайт заходили люди а не на его аналог. Не смотря на то, что сайт у меня фотографа, всё равно заходят с мобильных устройств и с планшетов. Примерно процентов 20-30% не больше. Я заметил, что например на сайте горько ру, на мобильнике выглядит все норм, как и на самом компьютере. Как мне можно добиться такого эффекта ? В каком направлении двигаться ? Заранее спасибо. На всякий случай мой сайт Фотограф


 

 

  • 0

#2 fedornabilkin

fedornabilkin
  • Пользователь
  • 696 сообщений
  • Репутация: 91

Отправлено 10 Март 2016 - 23:50

Используй медиаскрин. Посмотри уроки, правда очень ущербный звук там https://www.youtube....S3EgdLO70N2-Hbu


  • 1
Как часто в горестной разлуке,В моей блуждающей судьбе, ФО, я думал о тебе.


#3 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 11 Март 2016 - 10:45

Спасибо ! Очень полезные уроки, но как я понял он не описывает вот эту проблему https://toster.ru/q/93761 , которая у меня встречается в мобильных браузерах. Сжатие текста. Я её хочу решить а уже потом, подгонять сайт под мобильную версию. А уроки полезные да ! Много чего можно поменять. Спасибо !  


  • 0

#4 fedornabilkin

fedornabilkin
  • Пользователь
  • 696 сообщений
  • Репутация: 91

Отправлено 11 Март 2016 - 10:54

Сжатие текста.

Так на тостере описано решение этой проблемы.

Необходимо вставить в head

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

В двух словах: ширина по ширине гаджета и запрет масштабирования. Точнее не запрет, а отсутствие.


  • 1
Как часто в горестной разлуке,В моей блуждающей судьбе, ФО, я думал о тебе.


#5 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 11 Март 2016 - 11:30

Так на тостере описано решение этой проблемы.
 

Я попробую, правда местный админ пишет, что это все равно не будет работать. Ладно, надо сделать а там посмотрим. Спасибо.


Вставил на главную страницу и все равно не получатся. Масштабирует сайт.


  • 0

#6 fedornabilkin

fedornabilkin
  • Пользователь
  • 696 сообщений
  • Репутация: 91

Отправлено 11 Март 2016 - 11:33

Я попробую

Запили код на сайт, открой хромом и посмотри на сайт в адаптивном режиме.

У меня вот так

kiss_112kb.1457685163.png


Сообщение отредактировал fedornabilkin: 11 Март 2016 - 11:33

  • 0
Как часто в горестной разлуке,В моей блуждающей судьбе, ФО, я думал о тебе.


#7 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 11 Март 2016 - 14:12

Так, ну с хромом я вроде сладил. И на планшете и на мобильнике все отображается как нужно. А вот в Android Brauzer очень плохо. Причем не только на моем сайте. У всех так похоже. Как отображается в Сафари даже представить боюсь, так как айфона у меня нет. Главная проблема, что плющит текст.


  • 0

#8 Russlav

Russlav
  • Пользователь
  • 370 сообщений
  • Репутация: 18

Отправлено 12 Март 2016 - 19:18

А вот в Android Brauzer очень плохо.

 

 

Предполагаю, что проблема в самом браузере. Ведь если не подогнать сайт под браузер (это часто требуется) - сайт будет отображаться плохо, так вот если для этого браузера нет специального приёма (например, для браузера Internet Explorer есть префикс -ms-), то проблема вред ли вообще исправляется.


  • 0

#9 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 12 Март 2016 - 19:52

то проблема вред ли вообще исправляется.
 

Похоже, что так. Об этом многие пишут. Ок ну спасибо за помощь !)


  • 0

#10 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 19 Апрель 2016 - 13:32

Я посмотрел через стандартный браузер другие сайты и там все отображается нормально.  В мобильном хроме и у меня тоже нормально, а в стандартном браузере или в сафари текст плющит  к левому борту. Причем это не блок сжимается, а именно текст. И еще маштабируется сайт, чего опять же в хроме нет. Помогите товарищи советом !)) В Интернете тоже не нашел, решение этого вопроса. 


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru