[英]Site OK on computer but not in smartphone
我的網站在計算機屏幕上正確顯示,但在智能手機上卻沒有。
如您所見,主標題(Phytothérapie)被剪掉了,三個按鈕沒有居中。
我的代碼:
<div class="col-12">
<div class="row">
<div class="col-12">
<h1 class="mg-md h1-welcome-to-style tc-black">Bienvenue à la</h1>
<h1 class="mg-md h1-bloc-0-style tc-black"><span style="font-size: 2rem !important;">FACULTÉ DE PHARMACIE DE L'ULB</span></h1>
<h1 class="mg-sm tc-black h1-3-style"><span style="font-size: 70px !important;">PHYTOTHÉRAPIE</span></h1>
<h2 class="mg-md tc-black h2-1-style"></h2>
</div>
</div>
對於 3 個區塊:
<div class="phyto-container" onclick="location.href='{{$route}}';">
<div class="phyto-front" style="background-image: url({{$bgImage}})">
<div class="phyto-inner">
<p>{{ $titleFront }}</p>
</div>
</div>
<div class="phyto-back">
<div class="phyto-inner">
<div>
@foreach($paragraphs as $p)
<p style="font-size: 1.1rem;margin-top:-10px !important; margin-left:-1px !important;">{{ $p }}</p>
@endforeach
</div>
</div>
</div>
該站點的URL是https://overlap.ulb.be/public/
提前感謝您的幫助。
您需要使您的網站具有響應性,您可以使用框架、列、行、容器或媒體屏幕。
你試過 margin-right: 10px; 在標題上?
在你的 style.ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 添加這個:
#unsets {
width: unset !important;
position: unset !important;
padding: unset !important;
margin: 10px;
}
並添加到 id 上面的所有這些 div 中:
<div class="col-sm-4 col-md-2 col-lg-2 col-xl-2 align-self-center" id="unsets">
刷新頁面或清理緩存以查看更改。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.