Может ли html сам распознать устройство, т.е мне нужно сделать мобильную версию, через bootstrap если делать то слишком много чего придется править и отключать, легче заново написать html структуру для мобильного устройства. Т.е мне не нужно в css что то вырубать или подгонять, мне нужно сам html под мобильную версию поменять, но без редиректа на какой то там m.sait.ru
Джаваскриптом определяете ширину вьюпорта и грузите нужную страницу.
Или вообще тупо в html срзау 4 страницы, а через ксс определяете какую отобразить.
Казалось бы во втором случае придется грузить в 4 раза больше по размеру, но на деле окажется, что такой вариант быстрее чем джава скрипт и грузить только конкретно что то.
Ну да загружать будет все страницы, но опять таки посчитайте сколько будет загружаться 2мб и 10мб при текущих скоростях интернета, сейчас более важно количество запросов чем размер. Неужели у вас настолько разные страницы для разного разрешения что там даже картинки все разные?