Браузер будет брать стили под разрешение, если в файле стилях указать разные модификации.
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (min-width: 1200px) {
@media only screen and (min-width: 35em) {
и т.д.
Можно делать автоопределение устройств на PHP
<?php
if ($detect->isMobile()) {
// выводим мобильную версию сайта
}
<?php
if($detect->isAndroid()){
// для Android
}
public function isAndroid{
$myvar = strtolower($_SERVER['HTTP_USER_AGENT']);
if(stripos($myvar,'android') !== false) {
header('Location: http://version-android.mysite.ru');
}
}
на JavaScript
var myvar = navigator.userAgent.toLowerCase();
var isAndroid = myvar.indexOf("android") > -1;
if(isAndroid) {
// Делаем что-то, если это Android
// Или перенаправим
window.location = 'http://version-android.site.ru';
}