основные точки останова

[art18012009]

какие существуют распространенные точки(для айфонов и др) останова помимо заданных программой?

[anonimus]

да пожалуйста

[Конструкторщик]

Вот еще посмотри-быстрей будет.

[spoon]

[stason56]

Всем привет!
Очень нужна помощь.
Тема вроди б подходит под мой вопрос, если нет - сорян)
Версия 12.
Какая-то полная [img]https://vernutavto.ru/wp-content/uploads/2018/04/autocensor.com_.png[/img] с этими мобильными версиями... Ущербные пипец получаются. Есть три важных момента:
1. Фон. Есть плавающий слой, в котором картинка - паралакс короче - в мобильной версии его так растягивает, что реально остается видно только кусок картинки причем очень растянутый. Можно ли что-то сделать? размер шрифта теперь можно менять в каждых точках останова, может и с фонами что-то появилось?
2. кнопки, которые в формах, становятся блеклыми.
3. А в фигурах, которые я использую под кнопки (заказать звонок например) нельзя менять размер шрифта, в итоге они огромные в мобильной версии.

В итоге задумался над тем, чтобы вообще убрать мобильные версии, чтобы на всех устройствах отображалась десктопная. И так тоже нихрена не получается - во всех слоях выставил точки останова (в свойствах) на 280 и убрал галочку с мин-виз. все - равно все через ж.

Вот сайт, в котором я выставлял все точки останова - http://www.moydom-ug.ru/smarthome.php
Вот он же, только с попытками публикации без точек останова и мин-виза - http://www.moydom-ug.ru/shtest.php

Заранее спасибо, за помощь!

[sinpai]

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

[stason56]

Проблема при просмотре с телефона. На точках 320. На пк все хорошо.

Отправлено спустя 44 минуты 14 секунд:
Вотсайт в десктопной версии - все норм -
Вот он с телефона на 320 -
И на точках 480 -

В итоге поудалял точки останова и мин-виз, чтобы он и с телефона открывался как на ПК.
Но вот, что поучилось -


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

[voron]

поставь 900 ширину одну

[stason56]

Так оно так и есть. Но все равно сдвигается все. В каждом слое точки останова стоят на 200, т.е. На 320 не должно работать для мобильных.

[sinpai]

Выгружайте сайт в Open Server и при помощи той же Мозиллы ( разработка - адаптивный дизайн ) полируйте свой сайт. Все в офлайне и быстро.

Отправлено спустя 4 минуты 30 секунд:
Ваш сайт. Смотрите на разрешения сторон. Просмотр в Мозилле.

1.jpg

[stason56]

Огромное спасибо за помощь, но посмотрел я пару роликов про опен сурс - там трэш) по-моему это уже не мой лэвл)) там с кодом нужно работать?)

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

[sinpai]

Вы путаете опен сорс с опен сервером. Open Server - это виртуальный сервер на вашем компе. Подменяет собой ваш хостинг. В его структуре на диске есть папка domains.
В ней создаете свою папку под именем вашего сайта ( на латинице ). И в нее из Бидера публикуйте ваш сайт.
При запуске Open Server вы получите ваш сайт на виртуальном сервере.
Далее:
- с кодом нужно работать всегда и везде, билдер всего лишь инструмент.
- весь мир бьется за то, чтобы их сайт был адаптивным. По данным мировых исследований более 83% заходят на сайты с мобильных устройств.
Если сайт без адаптации, он выглядит вот так:

2.JPG

Это к тому, что вы утверждаете "Я не думаю, что для посетителя это будет критично, у всех уже большие экраны, пусть полноценный сайт смотрят."
Вы должны давать посетителю то, что для него удобно, понятно и комфортно, а не указывать, что надо выкинуть телефон и бежать к настольному компьютеру. Человек просто уйдет с вашего сайта.
Вы не единственный с подобного рода товаром и услугой. Те более, что товар у вас уже не из средней ценовой категории.
Так же не забудьте про поисковые системы, которые в лучшем случае будут вас пессимизировать. Сейчас адаптивность - одно из самых базовых критериев к сайту во всех поисковиках.

Отправлено спустя 1 минуту 13 секунд:
Перейдите хотя бы на 11 версию и верстайте в сетках. У всех получается и у вас выйдет. И адаптация будет как надо!

[Alex]

А я ни чего не адаптировал, парит меня это делать, на телефоне читабельно, не говоря уже о планшете... да и не нравится мне принципы адаптации
И если соблюдать кое каких условиях, будет так:

2017-06-01_21-40-20.png

2017-06-01_21-45-16.png

2017-06-01_21-47-34.png

[TommyVer21]

1) Чтобы кнопка отправки формы не становилась "блеклой", вставь в особый стиль "-webkit-appearance: none!important;" без кавычек.
2) Чтобы картинка выглядела лучше, поменяй parallax на cover в мобильных точках останова. Уж лучше без параллакса, чем с растянутой картинкой.
3) С фигурами смирись и делай размер шрифта такой, чтоб и в мобильной версии было гармонично. Размер самой фигуры можно менять в точках останова, если она публикуется как CSS.