Вопрос про кроссбураузерность Mozilla and Chrome?

Question

[qwerty1777]

Почему мозила так плохо воспринимает значения в процентом соотношении, например margin-top margin-bottom. А точнее в некоторых моментах вообще не воспринимает, например Chrome отлично всё высчитыват. Вопрос в том как подружить значения, есть ли какая нибудь панацея?

Comments

[Сергей delphinpro]

примерчик можно?

[qwerty1777]

Сергей delphinpro,

<div className="tariff__btn">
                  <button 
                    className="tariff__btn-black" 
                    onClick = {
                      () => {
                        this.popupAdvanceOpen()
                        this.showTargetElement()
                      } 
                    }
                  >
                    Тарифы на asd
                  </button>
                  <button 
                    className="tariff__btn-orange" 
                    onClick = {
                      () => {
                        this.popupAccompOpen()
                        this.showTargetElement()
                      }
                    } 
                  >
                    Тарифы на qwe
                  </button>
 </div>

.tariff__btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
}
.tariff__btn button {
  margin-top: 7%;
  margin-bottom: 5%;
  padding: 20px 30px;
  width: 570px;
  font-size: 32px;
  border: none;
  border-radius: 100px;
  outline: none;
  cursor: pointer;
  color: #ffffff;
}

[Сергей delphinpro]

qwerty1777, да блин.. живой пример, на фиддле или кодпене...

[Сергей delphinpro]

например Chrome отлично всё высчитыват

Вот я не соглашусь.
Хром как раз здесь неадекватно поступает.
Ответьте на вопрос — от какой балды он высчитывает проценты?

[qwerty1777]

Сергей delphinpro, естественно относительно ширины родителя. Почитайте спецификацию и поймёте, а вот неадекватное поведение Mozzila нормальным назвать никак нельзя

Answer 1

[Владислав Лысков]

есть такая проблема внутри флекс-контейнеров
мб это как-то поможет

Comments

[qwerty1777]

вёрстка именно на флексах