Bootstrap 圖像不顯示在較小的屏幕上

Question

我有一張圖片可以在桌面視圖上正確顯示，但在從移動設備瀏覽時變為 0x0。 我似乎無法破解這個原因。 該站點正在運行 Bootstrap 4，問題可以在這里看到： https : //clonegram.ritvars.lv/profile/demouser

移動視圖

桌面視圖

代碼

<div class="row">
    <div class="col-3 p-5">
        <img src="{{ $user->profile->profileImage() }}" class="rounded-circle w-100">
    </div>
    <div class="col-9 pt-5">
        <div class="d-flex align-items-center">
            <h1 class="mr-4">{{ $user->username }}</h1>
            ...
        </div>
        ...
    </div>
</div>

Answer 1

那是因為padding: 3rem !important 。

您可以通過設置一些min-height或min-width並僅為較大的視口屏幕設置填充來改進它。