отображение сайта на мобильный устройствах и мониторов с маленьким расширением

@Smail_G · Регистрация: 15.11.2012

Студворк — интернет-сервис помощи студентам

сайт отображается идеально на мониторе с расширением в 1920х1080, а на мониторе с расширением в 1280х720 виднеются сдвиги, расстояние между иконками уменьшилось, и маркированный список сдвинулся влево на картинку...
а про экран мобильного телефона я вообще молчу проще посмотреть на скрин там вообще все ужас...

не стал вставлять коды CSS и HTML, прикрепил архив с css и html файлами

@Fedos · 06.06.2013, 22:32

У меня тоже самое. Помогите

@Lovrentiy · 07.06.2013, 09:05

используйте инспектор кода или дайте ссылку на сайт.

@Smail_G · 07.06.2013, 10:12 **[ТС]**

Lovrentiy, что за инспектор кода? я использую бесплатный хостинг для проверки работы сайта и пока его туда не загружаю на постоянку

@Fedos · 07.06.2013, 11:37

Во ссылка : www.avtovip.hut2.ru (просто клиент сказал сначала вывесить, а поом редактить).

@Smail_G · 07.06.2013, 22:25 **[ТС]**

вот ссылка http://geo-studio.hol.es/

Добавлено через 3 часа 29 минут
подскажите пожалуйста как это решить???

Добавлено через 7 часов 3 минуты
так с иконками и со всем остальным разобрался, кроме белой части экрана на скрине мобильного телефона

@Lovrentiy · 08.06.2013, 10:54

Fedos, В Вашем случае вам необходимо определиться с тем как будет позиционироваться сайт, если решили делать резиновый, что бы работал на всех или почти на всех устройствах, то вам нужно задавать все основные размеры в %, в том числе и шрифты. Или Вы хотели узнать про другое? Так же следует задать минимальный размер, при котором сайт перестанет уменьшаться, а выдаст строку прокрутки.

Smail_G, по ссылке пусто, разобрались с позиционированием? По поводу полосы для мобильных устройств, на чём проверяли? Какое разрешение?

@Smail_G · 08.06.2013, 11:09 **[ТС]**

Lovrentiy, http://geo-studio.hol.es/ обратно залил сайт...
с расширением 1280х720 на ноутбуке все было проще(в стилях покапался и все встало нормально)
на iPhone 4 проверял и пока что полоса все так же остается

@Smail_G · 08.06.2013, 12:32 **[ТС]**

вот так выглядит сайт через стандартные браузеры мобильных телефонов...
Первый скрин был сделан на iPhone 4(Safari) все хорошо только текст налез на заголовок но это не проблема...
Второй скрин был сделан на HTC One V(стандартный браузер) и на нем видно как footer не прижимается к нижней части экрана
и на обоих браузерах задний фон растянут

@Lovrentiy · 08.06.2013, 18:03

Smail_G, Тут видимо уже нужна некая кроссбраузерность для стандартных мобильных браузерах. Советую погуглить "костыли" для них. Либо опять же подгрузка "особых" css файлов.

Проверка отображения на разных разрешениях и устройствах

Новые блоги и статьи Все статьи Все блоги /
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .

@Fedos 1 / 1 / 0 Регистрация: 22.05.2013 Сообщений: 16
	06.06.2013, 22:32
	У меня тоже самое. Помогите 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	07.06.2013, 09:05
	используйте инспектор кода или дайте ссылку на сайт. 1

@Smail_G 2 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 129
	07.06.2013, 10:12 [ТС]
	Lovrentiy, что за инспектор кода? я использую бесплатный хостинг для проверки работы сайта и пока его туда не загружаю на постоянку 0

@Fedos 1 / 1 / 0 Регистрация: 22.05.2013 Сообщений: 16
	07.06.2013, 11:37
	Во ссылка : www.avtovip.hut2.ru (просто клиент сказал сначала вывесить, а поом редактить). 0

@Smail_G 2 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 129
	07.06.2013, 22:25 [ТС]
	вот ссылка http://geo-studio.hol.es/ Добавлено через 3 часа 29 минут подскажите пожалуйста как это решить??? Добавлено через 7 часов 3 минуты так с иконками и со всем остальным разобрался, кроме белой части экрана на скрине мобильного телефона 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	08.06.2013, 10:54
	Fedos, В Вашем случае вам необходимо определиться с тем как будет позиционироваться сайт, если решили делать резиновый, что бы работал на всех или почти на всех устройствах, то вам нужно задавать все основные размеры в %, в том числе и шрифты. Или Вы хотели узнать про другое? Так же следует задать минимальный размер, при котором сайт перестанет уменьшаться, а выдаст строку прокрутки. Smail_G, по ссылке пусто, разобрались с позиционированием? По поводу полосы для мобильных устройств, на чём проверяли? Какое разрешение? 1

@Smail_G 2 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 129
	08.06.2013, 11:09 [ТС]
	Lovrentiy, http://geo-studio.hol.es/ обратно залил сайт... с расширением 1280х720 на ноутбуке все было проще(в стилях покапался и все встало нормально) на iPhone 4 проверял и пока что полоса все так же остается 0

@Smail_G 2 / 2 / 0 Регистрация: 15.11.2012 Сообщений: 129
	08.06.2013, 12:32 [ТС]
	вот так выглядит сайт через стандартные браузеры мобильных телефонов... Первый скрин был сделан на iPhone 4(Safari) все хорошо только текст налез на заголовок но это не проблема... Второй скрин был сделан на HTC One V(стандартный браузер) и на нем видно как footer не прижимается к нижней части экрана и на обоих браузерах задний фон растянут Миниатюры 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	08.06.2013, 18:03
	Smail_G, Тут видимо уже нужна некая кроссбраузерность для стандартных мобильных браузерах. Советую погуглить "костыли" для них. Либо опять же подгрузка "особых" css файлов. Проверка отображения на разных разрешениях и устройствах 0