khusamov
@khusamov
ReactJS, NodeJS, TypeScript, Sencha ExtJS

Как встроить яндекс карту на флексах?

Как встроить яндекс карту на флексах?

Я попытался это сделать, но при изменении ширины браузера -- ширина карты только увеличивается (появляется горизонтальная прокрутка).

https://jsfiddle.net/khusamov/91ownd3j/31/

html {
  width: 100%;
  height: 100%;
  display: flex;
}


body {
  padding: 0;
  margin: 0;
  display: flex;
  flex: 1 1 0;
}

#map-wrap {
  display: flex;
  flex: 1 1 0;
}

#map-block {
  display: flex;
  flex: 1 1 0;
}

#map-settings {
  width: 300px;
}

#map {
  width: 100%;
  height: 100%;
}
  • Вопрос задан
  • 25 просмотров
Решения вопроса 1
khusamov
@khusamov Автор вопроса
ReactJS, NodeJS, TypeScript, Sencha ExtJS
https://jsfiddle.net/khusamov/91ownd3j/43/

html {
      width: 100%;
      height: 100%;
      display: flex;
    }
    
    
    body {
      padding: 0;
      margin: 0;
      display: flex;
      flex: 1 1 0;
    }
    
    #map-wrap {
      display: flex;
      flex: 1 1 0;
    }
    
    #map-block {
      flex: 1 1 0;
      position: relative;
    }
    
    #map-settings {
      width: 300px;
    }
    
    #map {
      position: absolute;
      width: 100%;
      height: 100%;
    }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы