Отображение статического сайта на мобильном устройстве?

Question

[Your Friend]

Добрый день. Есть сайт getsale.com.ua с фиксированной версткой. При просмотре с мобильного телефона сайт подстраивается под размер экрана. Но проблема в том что на разных телефонах есть различия. На одном все отлично, в другом футер съехал, на третьем текст налез друг на друга. Браузер везде одинаковый-хром. Подскажите кто-нибудь, как решить такую проблему отображения? Или хотя бы в какую сторону нужно копать?

Answer 1

[ThunderCat]

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

Comments

[Your Friend]

Да, переверстать на Bootstrap это в данный момент самый радикальный способ. Может есть какие то еще варианты? Или же как объяснить вообще такое поведение?

[Your Friend]

Да и приводят такой аргумент еще что вот этот сайт uadestiny.com тоже статический,нормально отображается, getsale.com.ua - кривит. Все таки проблема в дизайне?

Answer 2

[Alex]

Переверстывать под бутстрап не обязательно.
Используйте media для разных разрешений екрана и вносите нужные правки. У вас в конце файла design/css/style.css есть такой код:

@media only screen and (max-width: 480px){
	footer p {
		font-size: 5px;
	}
	
}

Это как пример.

Comments

[Your Friend]

Хорошо, media решает проблему когда она отображается НА ВСЕХ устройствах по одинаковому, в нашем же случае на разных телефонах по разному. У меня хорошо, у человека за соседним столом съехал футер, у человека в соседнем офисе поплыл текст. Если я буду ровнять через media тогда у человека с соседнего офиса текст станет нормальным - у меня и у человека за соседнем столом - поедет, если поровняю футер-тогда у человека за соседнем столом -станет норм, у меня и у чела с соседнего офиса -поедет ровно на столько, на сколько я его поровнял. Понимаете меня?)

[Alex]

johnylikejuice: Это уже косяки кросбраузерности, скорее всего. Нужно воссоздавать проблему и смотреть что, куда и почему едет.

[Your Friend]

Со всех устройств смотрели с Хрома. Упор проблемы идет на отображение по разному с разных мобильных устройств, а не браузеров. Или все таки кроссбраузерность?

Answer 3

[Maximus]

Не забудь добавить строку

в секцию , а то не получится сделать как Alex написал.