Чтобы при мобильном разрешении экрана открывалась другая версия сайта

@vanyakilkil · Регистрация: 13.06.2012

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

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

@Codey · 21.02.2014, 10:08

Если сделаны два варианта сайта: мобильная и декстопная, то нужно определить разрешение экрана устройста, и выдать макет. Js в помощь. Если дизайн адаптивный, то один макет на все устройства и мета тег

PHP/HTML
1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

@vanyakilkil · 21.02.2014, 12:27 **[ТС]**

Сообщение от Codey

h=device-width, initi

Codey, ну там сделаны две разных страницы html

@zme9 · 21.02.2014, 14:14

Можно использовать @media запросы и при определённой длине/высоте сайта , открывать мобильную версию.

@vanyakilkil · 21.02.2014, 14:15 **[ТС]**

zme9, можете показать пример?

@zme9 · 21.02.2014, 14:42

Вот пример :

HTML5
1
2
3
4
5
@media screen and (max-width: 480px){
.header{
   Тут код
}
}

@vanyakilkil · 21.02.2014, 15:01 **[ТС]**

zme9, нет, тут нужно чтобы именно переадресовывалось на другой HTML документ

@zme9 · 21.02.2014, 15:14

А что мешает написать переход ? Как просто как пример привел .header , можно использовать и переход

@vanyakilkil · 21.02.2014, 15:46 **[ТС]**

zme9, Просто ссылку туда бросить?

Добавлено через 24 минуты
zme9, о, вы мне подбросили гениальную идею, спасибо

Добавлено через 7 минут
zme9, только есть одно, про ваш способ, если экран например идет на мобильном 1000 с копейками?как сделать чтобы на мобильном оно отображалось именно так как надо?

@zme9 · 21.02.2014, 16:01

vanyakilkil, Ну так просто ставьте 1000(с копейками) и позицанируйте так , как вам нужно.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650

	Чтобы при мобильном разрешении экрана открывалась другая версия сайта 21.02.2014, 02:32. Показов 8972. Ответов 9 Метки нет (Все метки) Здравствуйте, не подскажете, есть одна сверстанная страничка для компьютеров, и одна будет для телефонов, как сделать чтобы если на маленьком экране открывали его то открывалась именно страничка для моб. устройств? Может подкинете идейку хорошую? 0

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	21.02.2014, 14:14
	Можно использовать @media запросы и при определённой длине/высоте сайта , открывать мобильную версию. 0

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650
	21.02.2014, 14:15 [ТС]
	zme9, можете показать пример? 0

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650
	21.02.2014, 15:01 [ТС]
	zme9, нет, тут нужно чтобы именно переадресовывалось на другой HTML документ 0

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	21.02.2014, 15:14
	А что мешает написать переход ? Как просто как пример привел .header , можно использовать и переход 0

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650
	21.02.2014, 15:46 [ТС]
	zme9, Просто ссылку туда бросить? Добавлено через 24 минуты zme9, о, вы мне подбросили гениальную идею, спасибо Добавлено через 7 минут zme9, только есть одно, про ваш способ, если экран например идет на мобильном 1000 с копейками?как сделать чтобы на мобильном оно отображалось именно так как надо? 0

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	21.02.2014, 16:01
	vanyakilkil, Ну так просто ставьте 1000(с копейками) и позицанируйте так , как вам нужно. 0