Рубрики
Без рубрики

Сегодня я узнал (TIL): как исправить карту или любой переполнение размеров в CSS

Решение переполнения коробки в React Buttrap и CSS.

Автор оригинала: Abdurrachman M.

Как основатель загрузки Агентство разработки программного обеспечения Я, иногда мне нужно делать вещи самостоятельно, когда никто не делегирует. Это нормально, так как это шанс для меня оставаться техническим и все еще иметь инженерное чувство.

Сегодня я решаю мой Агентство разработки программного обеспечения Сайт на https://kukul.tech Отказ Хотя проще, я узнал, что в одной из «открытке» есть переполнение, которую я положил на домашнюю страницу. Скриншоты были бы что-то вроде

Снимок экрана 2020-09-28 в 01.06.21.png

Оказалось, у меня есть карта, которая выглядит что-то вроде


{content}

Я использую структуру Bootstrap здесь, получилось две проблемы

  1. Я забыл обернуть внешний компонент с <Контейнер> компонент, так что переполнение происходит.
  2. Как вы можете видеть в коде выше, ширина – это 26rem Это может привести к проблеме, когда дисплей становится меньше.

Для номера выпуска (1) решение уже есть, но для номера выпуска (2) я обнаружил, что я могу использовать простой трюк, как следующие


{content}

Изменяя оригинальную ширину 26rem и установить Maxwidth 90% Мы предвидим ситуацию, когда коробка становится меньше. Когда он становится маленьким, мы будем использовать 90% вместо 26rem С 90% из ширины было бы меньше, чем 26rem в любом случае.

Вуаля! Это сработало!

Надеюсь, вы можете узнать что-то с моего поста.

Обо мне 😄.

Я abdurrachman и в настоящее время я управляю Агентство разработки программного обеспечения называется Kulkul.tech Отказ Мы компания Web и мобильной разработки программного обеспечения, предоставляя отличное программное обеспечение для бизнеса. Мы работаем с компаниями по всему миру от единого бизнеса для крупных корпораций. Мы прочная дистанционная первая фирма с высоким акцентом на людей и четкое общение.

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

Мы предоставляем отличные инженеры и дизайнеры, чтобы доставить полный продукт от SPECT COMPLING, товарного картографирования дороги продукта, дизайна UI/UX, разработки, QA и DEVOPS. Мы эксперты в следующих технологиях:

  • JavaScript и Node.js.
  • Python и Django
  • Рубин на рельсах,
  • Мобильный (iOS и Android) Особенно трепет
  • БД: MySQL, PostgreSQL, MongoDB,
  • Frontend: Elm, Rect, угловые

Мы тоже работаем в кодажестве, пожалуйста, свяжитесь со мной в кодажестве, если вы заинтересованы.