Как установить мобильную версию моего сайта?

Question

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

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

Мне нужно знать, как его реализовать, я только пишу html и css, мне нужен ПОЛНЫЙ SNIPPET. Я сделал тон исследований, и многие кодеры дали свои советы по методам обнаружения, но не сказали, КАК реализовать эти методы.

Answer 1

У вас есть два варианта.

Первый вариант сделать Отзывчивый веб-сайт, который выравнивает себя в зависимости от размера экрана устройства. Например, если ваша ширина экрана ниже 400px, вы можете действовать так, как будто она мобильная, и упорядочить свой сайт. Как на этом изображении. Вы также можете проверить этот сайт, попробуйте изменить размер окна браузера, сделать его меньше: http://www.smashingmagazine.com/

Второй вариант использовать код сценария, чтобы обнаружить, если устройство является мобильным (если это мобильный , какую ОС, какой браузер он использует и т. д.) и перенаправить пользователей на другой мобильный сайт. Например, вы можете развернуть мобильный сайт в подобласти, подобном этому http://mobile.example.com

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