0
laravelで使用しようとしています。画面が365pxになるとタグ内の画像が変化することを願っています。タグを使用していくつかのスタイルを維持する必要がある画像が必要です。画面のサイズを変更したときに画像を変更する
もともと私のコードはあります
<img class="bigger" src="{{ URL::asset('Assets/Portal/images/Slide.png') }}" style="width: 100%;"/>
@if($Permises['s_1'] == 1)
<div class="contain" style="width: 100%; margin-top: -5%; display: flexbox; border:none; background-color: rgba(0, 0, 0, 0);">
<div class="element element1">
<a href="{{ URL::to('/Review')}}" id="Main" style="color:transparent;">
<img class="d1" height="150" src="{{ URL::asset('Assets/Portal/images/IndexImg/D.png') }}" style="margin-top:0px; opacity: .5;" width="150">
</img>
</a>
</div>
@if($Cpermises['V_B'] == 1)
<div class="element element2">
<a href="{{ URL::to('/Bordereau')}}" id="Page1" style="color:transparent;">
<img class="d1" height="150" src="{{ URL::asset('Assets/Portal/images/IndexImg/A.png') }}" style="margin-top:0px; opacity: .5;" width="150">
</img>
</a>
</div>
@endif
</div>
@else
私も表示されません<picture>
画像を使用する場合。
<div style="display:flex; flex-flow: row; justify-content: center; background-color: green; width: 100%; height: 100vh;">
<div class="element element2">
<picture>
<source media="(min-width: 965px)" srcset="{{ URL::asset('Assets/Portal/images/responsive/sm/D.png') }}">
<source media="(max-width: 365px)" srcset="{{ URL::asset('Assets/Portal/images/responsive/sm/D.png') }}" style="border: none; ">
<img class="d1" height="150" src="{{ URL::asset('Assets/Portal/images/IndexImg/A.png') }}" style="margin-top:0px; opacity: .5;" width="150"/>
</picture>
</div>
</div>
これは私が望む結果の例です。誰もが
を助けることができますか?
Laravelは、PHPフレームワークであるCSSルールとはほとんどされています。 – Devon