Heim  >  Fragen und Antworten  >  Hauptteil

CSS- und HTML-Methoden zum Verschieben von Absätzen nach links auf Bildschirmen in Mobilgröße

Sieht auf einem normalen 16:9-Computerbildschirm perfekt aus, mit Text auf der linken Seite und Bildern auf der rechten Seite. Bei kleineren Bildschirmen (z. B. in Telefongröße) wird jedoch das Bild oben im Absatz angezeigt, wie ich es möchte. Ich bin sehr neu in diesem Bereich, bitte helfen Sie mir.

Das ist meine Mediendatei

@media(max-width: 700px){
    
   
    .project1-img{
        flex-basis: 10%;
        width: 350px;
        margin: 20px;
    }
    
    .project-one{
        float: right;
        width: 750px;
        margin: 20px;
        padding-left: 10px;  
        inline-size: 1000px;
    }   
}

Ich benötige einen Code, der mir hilft, Absätze an der gewünschten Position auszurichten

P粉043470158P粉043470158178 Tage vor337

Antworte allen(1)Ich werde antworten

  • P粉846294303

    P粉8462943032024-04-05 09:03:40

    你到底想做什么?
    我猜你希望段落和图像在手机屏幕上都可见。所以你可以使用 CSS 的 flex 属性来做到这一点
    这是示例:

    
    
        Example
        
    
    
    
        

    Some Heading

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, id praesentium nesciunt vitae libero pariatur. Nam earum reiciendis error autem porro dicta officiis ullam. Alias, minima! Laborum natus maiores rem!

    image

    如果这不是您想要做的,那么请详细解释您想要做什么......以及您的整个代码(html 文件)

    Antwort
    0
  • StornierenAntwort