WebSite X5Help Center

 
Дмитрий Т.
Дмитрий Т.
User

Не правильная адаптация сайта в мобильных браузерах  ru

Autor: Дмитрий Т.
Visitado 3071, Followers 3, Compartido 0  

Здравствуйте!

Сделал адаптацию сайта под мобильные устройства, но в бразерах на мобильном устройстве с разрешением экрана смартфона FHD, в горизонтальной ориентации смартфона (1920пикс) сайт отображается для разрешения от 480пикс.

В вертикальной ориентации смартфона (1080пикс) , сайт отображается для разрешения до 480пикс.

И так во всех браузерах.

В настройках адаптивного дизайна, перечень точек останова установлен такой:

1280px

720px

480px

0px

Версия программы Evolution 14.

Что делать чтобы во всех мобильных браузерах сайт отображался на полный экран?

Publicado en
36 RESPUESTAS - 5 úTIL
Alexandr Belyakov
Alexandr Belyakov
User

Хороший вопрос и реально сайты отображаются некорректно - вне зависимости от разрешения экрана!!!

Leer más
Publicado en de Alexandr Belyakov
Pavel M.
Pavel M.
User

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

Leer más
Publicado en de Pavel M.
Дмитрий Т.
Дмитрий Т.
User
Autor

Галочка отображать в полноэкранном режиме в мобильном браузере стоит, это никак не решает проблемму.

Что сделать-то реально можно?

Leer más
Publicado en de Дмитрий Т.
Incomedia
Elisa B.
Incomedia

Hello Dimitri, 

please find here a guide about this topic, I am sure it will be useful: https://helpcenter.websitex5.com/es/post/169726

If you keep having difficulties, please provide me with the link of the exported website, so I can verify. Thanks!

Kind regards.

***** Google Translation:

Привет, Димитрий,

вы найдете здесь руководство по этой теме, я уверен, что это будет полезно: https://helpcenter.websitex5.com/es/post/169726

Если у вас возникли трудности, предоставьте мне ссылку на экспортируемый веб-сайт, поэтому я могу проверить. Благодаря!

С уважением.

 

Leer más
Publicado en de Elisa B.
Дмитрий Т.
Дмитрий Т.
User
Autor

sputnik16.ru

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

Спасибо за ссылку, но речь не об этом.

Почему в мобильных браузерах с разрешением экрана Full HD, сайт отображается как для экрана 480pix ???

Leer más
Publicado en de Дмитрий Т.
Alexandr Belyakov
Alexandr Belyakov
User
Дмитрий Т.
Спасибо за ссылку, но речь не об этом. Почему в мобильных браузерах с разрешением экрана Full HD, сайт отображается как для экрана 480pix ???

Дмитрий, абсолютно с вами согласен. Экран смартфона Full HD (1920x1080), а показывает сайт как 480 пикселей.

Причём видео с YouTube на моём же сайте транслируется в 1080p (1920x1080) автоматом.

Пробовал на разных браузерах - встроенном в Asus Zenfone 2 - только 480 пикселей, на Google Chrome и Moziila Firefox - при запуске также в 480 пикселей, а вот с галочкой напротив "полная версия" работает с полным разрешением!

Как сделать так, чтобы на смартфонах автоматически сайты запускались в полном разрешении экрана?

Leer más
Publicado en de Alexandr Belyakov
Дмитрий Т.
Дмитрий Т.
User
Autor

Александр, пробовал на оазных браузерах и на разных смартфонах, разрешение всё равно не полное, даже с установленной галочкой "полная версия".

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

Hello Elisa!

Какое ваше решение по моему вопросу?

Вот ссылка на сайт, которую вы просили:

http://sputnik16.ru/

Leer más
Publicado en de Дмитрий Т.
Serg Linds
Serg Linds
User

Зайдите с вашего FHD на http://myresolutionis.ru/ и посмотрите разрешение браузера.

Leer más
Publicado en de Serg Linds
Pavel M.
Pavel M.
User

дело в настройках. любой телефон, хоть с каким разрешением, воспринимается как малый экран, если сайт адаптивный. соответственно и показывает его так. Хотите видеть полный сайт на телефоне, отключите адаптивность и транслируйте его, как полноэкранный.

Leer más
Publicado en de Pavel M.
Sergey Y.
Sergey Y.
User

Присоединяюсь к Pavel M.  в настройках самой программы. Если у вас 14 версия этап 2 > разрешения и адаптивный дизайн ... отключить функцию адаптивный.

Leer más
Publicado en de Sergey Y.
Alexandr Belyakov
Alexandr Belyakov
User
Pavel M.
дело в настройках. любой телефон, хоть с каким разрешением, воспринимается как малый экран, если сайт адаптивный. соответственно и показывает его так. Хотите видеть полный сайт на телефоне, отключите адаптивность и транслируйте его, как полноэкранный.

Только после этого Яндек и Гугл начнёт писать ,что сайт не адаптирован под мобильные устройства и станет сайт "уводить" вниз "рейтинга"...... Если бы этой дури (реально дури!) от Яндекса и Гугла не было, вопросов бы не возникало и этот адаптивный дизайн нафиг никому не был бы нужен!

Фактически адаптивный дизайн не работает. Зачем он тогда такой нужен в WebSite X5, если он автоматом не может "сканировать" экран, на котором отображается сайт и выбирать тот размер экрана, что мы пытаемся настроить в программе для сайта?!

Leer más
Publicado en de Alexandr Belyakov
Sergey Y.
Sergey Y.
User
Alexandr Belyakov
Pavel M. дело в настройках. любой телефон, хоть с каким разрешением, воспринимается как малый экран, если сайт адаптивный. соответственно и показывает его так. Хотите видеть полный сайт на телефоне, отключите адаптивность и транслируйте его, как полноэкранный. Только после этого Яндек и Гугл начнёт писать ,что сайт не адаптирован под мобильные устройства и станет сайт "уводить" вниз "рейтинга"...... Если бы этой дури (реально дури!) от Яндекса и Гугла не было, вопросов бы не возникало и этот адаптивный дизайн нафиг никому не был бы нужен! Фактически адаптивный дизайн не работает. Зачем он тогда такой нужен в WebSite X5, если он автоматом не может "сканировать" экран, на котором отображается сайт и выбирать тот размер экрана, что мы пытаемся настроить в программе для сайта?!

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

Leer más
Publicado en de Sergey Y.
Alexandr Belyakov
Alexandr Belyakov
User
Sergey Y.
Alexandr BelyakovPavel M. дело в настройках. любой телефон, хоть с каким разрешением, воспринимается как малый экран, если сайт адаптивный. соответственно и показывает его так. Хотите видеть полный сайт на телефоне, отключите адаптивность и транслируйте его, как полноэкранный. Только после этого Яндек и Гугл начнёт писать ,что сайт не адаптирован под мобильные устройства и станет сайт "уводить" вниз "рейтинга"...... Если бы этой дури (реально дури!) от Яндекса и Гугла не было, вопросов бы не возникало и этот адаптивный дизайн нафиг никому не был бы нужен! Фактически адаптивный дизайн не работает. Зачем он тогда такой нужен в WebSite X5, если он автоматом не может "сканировать" экран, на котором отображается сайт и выбирать тот размер экрана, что мы пытаемся настроить в программе для сайта?! Ну не скажите... гулять с телефона по полной версии сайта это просто изврат. Первые автомобили ездили со скоростью пешехода, но технический прогресс поменял все... конечно настраивать адаптацию в evolution версии очень сложно. В профессиональной версии наверно проще за счет переноса строк и итоговой автоматической проверке ошибок.

Сергей, я просто вижу, что при хорошем разрешении экрана смартфона (Full HD, 5,5 дюймов) можно спокойно смотреть сайт в нормальном разрешение - обычно ставлю "точки останова": 0, 320, 480, 640, 960, 1024, 1280, 1440 - а сайт показывается в разрешение 320! Мне кажется это проблема, причём серьёзная. Зачем тогда делать все эти настройки, если сайт всё равно показывается не так, как нужно. То что сайт "правильно" показывается на эмуляторах мобильных устройств - не значит, что он показывается нормально на настоящих устройствах. Может у меня конечно телефон уже устарел (Asus Zenfone 2 ZE551ML - https://www.asus.com/ru/Phone/ZenFone_2_ZE551ML/ с android 6.0.1), но у многих смартфоны даже хуже и ничего.... В интернет мнигие заходят и смотрят в нормальном виде сайты, написанные с помощью других программ.

Кстати в отдельной ветке писал про проблему с отображением товаров в 14 версии (в 13 версии всё нормально), так мне ответили, что на большинстве устройств будет показывать нормально - только не показывает. Вижу, что разработчики программой занимаются исключительно с целью получения доходов без оказания должных услуг, причём чем дальше тем хуже. Жалко - на WebSite X5 ещё с 9 версии......

Leer más
Publicado en de Alexandr Belyakov
Sergey Y.
Sergey Y.
User
Alexandr Belyakov
Sergey Y.Alexandr BelyakovPavel M. Кстати в отдельной ветке писал про проблему с отображением товаров в 14 версии (в 13 версии всё нормально), так мне ответили, что на большинстве устройств будет показывать нормально - только не показывает. Вижу, что разработчики программой занимаются исключительно с целью получения доходов без оказания должных услуг, причём чем дальше тем хуже. Жалко - на WebSite X5 ещё с 9 версии......

ваш сайт нормально показывает) samsung j7 2017 
какие там доходы при стоимости программы 100 и 200 евро?)) 

Leer más
Publicado en de Sergey Y.
Alexandr Belyakov
Alexandr Belyakov
User
Sergey Y.
Alexandr BelyakovSergey Y.Alexandr BelyakovPavel M. Кстати в отдельной ветке писал про проблему с отображением товаров в 14 версии (в 13 версии всё нормально), так мне ответили, что на большинстве устройств будет показывать нормально - только не показывает. Вижу, что разработчики программой занимаются исключительно с целью получения доходов без оказания должных услуг, причём чем дальше тем хуже. Жалко - на WebSite X5 ещё с 9 версии...... ваш сайт нормально показывает) samsung j7 2017  какие там доходы при стоимости программы 100 и 200 евро?)) 

Я в курсе, что на новых устройствах всё показывает, к сожалению ветку с обсуждением уже спрятали, а то могли бы почитать и посмотреть вживую. Вот так например выглядит сайт у меня на смаратфоне.

Leer más
Publicado en de Alexandr Belyakov
Sergey Y.
Sergey Y.
User
Alexandr Belyakov
Sergey Y.Alexandr BelyakovSergey Y.Alexandr BelyakovPavel M.  Я в курсе, что на новых устройствах всё показывает, к сожалению ветку с обсуждением уже спрятали, а то могли бы почитать и посмотреть вживую. Вот так например выглядит сайт у меня на смаратфоне.

То-есть дизайн вас не смущает вообще? По поводу старых мобильных устройств. Зачем вам клиенты у которых нет денег хотя бы на нормальный новый телефон? )) есть логика в моих словах?) Я бы там ничего не купил.... даже карандаш за 1 грн.

Leer más
Publicado en de Sergey Y.
Incomedia
Elisa B.
Incomedia

Hi Dimitri, 

I have checked you website and I can correctly see it. Can you please post a screenshot to show me the way it is displayed, so I can see the problem?

Thanks! Kind regards.

***** Google Translation:

Привет, Димитрий,

Я проверил ваш сайт, и я правильно его вижу. Можете ли вы опубликовать скриншот, чтобы показать мне, как он отображается, поэтому я вижу проблему?

Благодаря! С уважением.

 

Leer más
Publicado en de Elisa B.
Дмитрий Т.
Дмитрий Т.
User
Autor

Здравствуйте, да, опубликую скриншоты, чуть позже.

Сейчас посмотрел на своем смартфоне с экраном FHD на сайте http://myresolutionis.ru/ разрешение браузеров: Mozila, Chrome, Yandex.

На всех браузерах в полноэкранном режиме разрешение 980pix, не более.

Сделайте пожалуйста, чтобы ваша программа адаптировала сайты не под разрешение браузеров, а для разрешения экранов!

Вот что важно!!!

Leer más
Publicado en de Дмитрий Т.
Incomedia
Elisa B.
Incomedia

Hi Dimitrij, 

with the Evolution version you can only add 3 Breakpoints. I suggest your to give WebSite X5 Professional a try, which enables you to add up to 10 Breakpoint, thus allowing you to be more precise with the screensize. With the new demo you can export online, so you can test your project exhaustively.

https://www.websitex5.com/en/demo-professional.html

Thanks! Kind regards.

***** Google Translation:

Привет, Димитрий,

с версией Evolution вы можете добавить только 3 точки останова. Я предлагаю вам попробовать попробовать WebSite X5 Professional, который позволит вам добавить до 10 точек останова, что позволит вам быть более точным с экранами. С помощью новой демонстрации вы можете экспортировать в Интернете, чтобы вы могли полностью протестировать свой проект.

https://www.websitex5.com/en/demo-professional.html

Благодаря! С уважением.

 

Leer más
Publicado en de Elisa B.
Дмитрий Т.
Дмитрий Т.
User
Autor

Hi Elisa, проблемма совершенно не в точках останова!

Сделайте пожалуйста, чтобы ваша программа адаптировала сайты под разрешение экранов мобильных устройств, а не под разрешение мобильных браузеров !

Т.к. на мобильных устройствах разрешение экранов и браузеров разное, из-за этого и проблемма с неправильной адаптацией.

Leer más
Publicado en de Дмитрий Т.
Incomedia
Elisa B.
Incomedia

Hi Dimitrij, 

it would be very useful if you could provide me with a screenshot of how the website is displayed on your phone, also, what resolution does the phone have?

Thanks, kind regards

***** Google Translation:

Привет, Димитрий,

было бы очень полезно, если бы вы могли предоставить мне снимок экрана о том, как веб-сайт отображается на вашем телефоне, также, какое разрешение имеет телефон?

Спасибо, любезны

 

Leer más
Publicado en de Elisa B.
Дмитрий Т.
Дмитрий Т.
User
Autor

Hi Elisa!

отображение сайта в браузере Mozila, разрешение экрана телефона FHD (1920х1080), режим в настройках браузера выбрал полноэкранный (отображать полную версию сайта).

Сайт отображается для 720px.

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

Еще скриншот

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

А вот так будет отображаться, если вертикально если смартфон повернуть

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

И в браузерах Google Chrome и Yandex тоже самое.

Leer más
Publicado en de Дмитрий Т.
Aleksey K.
Aleksey K.
User

Прочтите это ооооочень внимательно https://vc.ru/14645-dpi-ppi

неужели вы думаете что только вы смогли увидеть разницу? Почему вы решили что вы правы и даже не усомнились в своей правоте? Я в свое время тоже задавался аналогичным вопросом но понял что это я мало знал .... у разработчиков все сделано правильно а вы могли бы потратить время и изучить вопрос "почему так?" А не требовать изменений.... 

Leer más
Publicado en de Aleksey K.
Incomedia
Elisa B.
Incomedia

Hi Dimitrij, 

you need to individually set the breakpoint and adapt them to the size you need. As I mentioned before, with the Evolution version you can only partially do this because of the number of the allowed breakpoints. I would suggest you again to try the demo version of the Professional , because you have more freedom in this sense. You can at least try it so to verify if by setting more breakpoints you can solve this issue. 

Thanks! Kind regards.

***** Google Translation:

Привет, Димитрий,

вам необходимо индивидуально установить точку останова и адаптировать их к требуемому размеру. Как я уже упоминал ранее, с версией Evolution вы можете только частично это делать из-за числа разрешенных точек останова. Я бы предложил вам снова попробовать демо-версию Professional, потому что у вас больше свободы в этом смысле. Вы можете хотя бы попробовать, чтобы убедиться, что, установив больше контрольных точек, вы можете решить эту проблему.
Благодаря! С уважением.

 

Leer más
Publicado en de Elisa B.
Дмитрий Т.
Дмитрий Т.
User
Autor

Hi Elisa.

Хорошо, я попробую.

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

Спасибо.

Leer más
Publicado en de Дмитрий Т.
Masha L.
Masha L.
User

Дмитрий, у вас очень красивый и удобный сайт. А как сделаны выплывающие блоки с диаграммой и желтой машиной? Это стандартные средства или отдельный код? А также комплект оборудования по специальной цене, где меняется концовка. Буду очень благодарна за ответы.

Leer más
Publicado en de Masha L.
Дмитрий Т.
Дмитрий Т.
User
Autor

Masha, всё на сайте сделано стандартными средствами программы, никаких отдельных кодов не использовал. Выплывающие блоки сделаны эффектом (звездочка в верхней строке, далее выделяете блок и выбираете эффект из списка, у меня Fade in Left).

Блок со спец.ценой называется Animated Headlines, настроил его и тоже наложил на него эффект Rotate In.

Спасибо за оценку!

Leer más
Publicado en de Дмитрий Т.
Дмитрий Т.
Дмитрий Т.
User
Autor

Masha, но все благодарности это лучше не мне, а разработчикам. Программа WebSite X5 действительно очень крутая, я и не думал что в ней столько возможностей заложено. Чем глубже узнаю эту программу, тем она мне нравится всё больше и больше, комбинируя между собой различные способы отображения, можно получить, неожиданно для себя, удивительные эффекты.

Leer más
Publicado en de Дмитрий Т.
Masha L.
Masha L.
User

Animated Headlines у меня установлена, обязательно воспользуюсь сегодня же ). Про блок спасибо огромное! огромное! Крутая штука! 

Leer más
Publicado en de Masha L.
Дмитрий Т.
Дмитрий Т.
User
Autor

Hi Elisa, в демо-версию Professional нельзя импортировать свой готовый проект?

Leer más
Publicado en de Дмитрий Т.
Incomedia
Elisa B.
Incomedia

Hello Dimitrij, 

unfortunately not, but you can test it by simply recreating a page only. You will be able to import your project in the full version. 

Thank you! Kind regards.

***

Привет, Димитрий,

к сожалению, нет, но вы можете проверить его, просто воссоздав только страницу. Вы сможете импортировать свой проект в полную версию.

Спасибо! С уважением.

Leer más
Publicado en de Elisa B.