Объедините 2 решения для создания идеальных пропорциональных кнопок и работы на Mac Firefox

Question

код На самом деле в первом сегменте моего кода кнопки работают нормально на Mac Firefox, но они не пропорциональны.Вот почему я изменил их.они пропорциональны, как я хочу, но они не работают на Mac Firefox.У меня так много страниц, и каждая страница использует кнопку, но перенаправляет на другие страницы.Мне нужно решение для всех.

Answer 1

Почему используется внутренняя кнопка или наоборот.Хотя я не использую bootstrap, но вы можете добавить d-flex и класс text-center в btn-group.

<div class='btn-group d-flex text-center'>
      <a href="/p/89" class="col btn-change" style="color: white;">Portrait</a>
      <a href="/p/89" class="col btn-change" style="color: white;">Landscape</a>
      <a href="/p/89" class="col btn-change" style="color: white;">square</a>
 </div>