Изображения (IMG) не выравниваются при тестировании отзывчивости в Chrome DevTools - PullRequest
0 голосов
/ 04 марта 2020

Мне было интересно, может ли кто-нибудь помочь мне со следующим. Первое изображение показывает таблицу, которую я создал, когда отображается на рабочем столе, что выглядит хорошо.

Однако, когда я запускаю Chrome DevTools, чтобы проверить отзывчивость, второе изображение ниже показывает, как оно выглядит, а не то, что мне нравится. Я предоставил ссылку jsfiddle: https://jsfiddle.net/silosc/4zLwoehm/12/

Это было сделано с Bootstrap. Может кто-нибудь сказать мне, как я могу сделать так, чтобы круги идеально совпали, как на первом изображении? Любая помощь приветствуется. Я уже пробовал class = "img-отзывчивость" в таблицах div, но это не сработало.

enter image description here

enter image description here

image

Ответы [ 2 ]

0 голосов
/ 04 марта 2020

** Вам просто нужно добавить ширину или минимальную ширину к ширине, равной 100%. **

проблема, с которой вы сталкиваетесь, заключается только в том, что ширина 0%, 50% и 100 % разные.

0 голосов
/ 04 марта 2020

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

image

Надеюсь, это будет хорошо для вас.

Спасибо ...

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