& Л; Основной > тег не распознается в приложении IE11 React

Посмотрите на www.goo.gl/2SIOJj , это незавершенная работа, но это может вам помочь.

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

        
Desktop
        
Mobile

function setMobDeskCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value + "; path=/";
    window.location.reload();
}

$(function() {
    $(".make_desktop").click(function() {
        setMobDeskCookie('deskmob', 1, 3650);
    });
    $(".make_responsive").click(function() {
        setMobDeskCookie('deskmob', 0, 3650);
    });
});`enter code here`

Я закончил разделение всех моих собственных CSS на два файла, я не использую bootstrap-навигацию, но мой собственный, так что это большинство моих пользовательских стилей, поэтому оно не решит всю вашу проблему, но это работает для меня

, и я также создал not-responsive.css, который заставляет сетку поддерживать большую версию экрана

в случае, если вы выбрали мобильный, я бы загрузил / эхо

  

        
        
        

and load these stylesheets

в случае, если вы выберете рабочий стол, который я бы загрузил / эхо

, not-responsive.css - это тот, который имеет переопределения для бутстрапа. Моя забота - это макет, поэтому в там, учитывая, что я обрабатываю навигацию по-своему, поэтому css для нее, а остальные биты находятся в моих других файлах css

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