Контейнер и предметы не реагируют на iPhone 4, несмотря на то, что страница хорошо просматривается при проверке - PullRequest
Новая
       8

Контейнер и предметы не реагируют на iPhone 4, несмотря на то, что страница хорошо просматривается при проверке

0 голосов
/ 21 апреля 2020

Как эта веб-страница https://www.marinaheide.com/CV.html хорошо отображается при проверке на iPhone 4 в разных браузерах и отображается как этот irl? Контейнер и все предметы беспорядочно отображаются на дисплее iPhone4

Медиа-запрос в конце прекрасно работает на других устройствах (от iPhone 5 до iPhone X) и, как уже упоминалось, проверка с Chrome Opera, Mozilla и Safari отображаются просто отлично. 

    <body>
    <main>  
        <header>
            <hgroup>
                <h1>Marina Heide</h1>
                <h2>Traductrice en langues scandinaves</h2>
            </hgroup>
        </header>
            <nav>   
                    <div class="dropdown">
                        <a id="dropdown" href="#">portfolio</a>
                            <div class="dropdown-content">
                            <a href="Livres.html">littérature</a>
                            <a href="Sous-titrage.html">sous-titrage</a>
                            <a href="Web.html">web</a>
                            </div>
                    </div>
                    <a href="CV.html">parcours</a>
                    <a href="Intro.html">profil</a>                 
                    <a href="Contact.html">contact</a>
                    <a class="push" id="active" href="Visite.html">carte de visite</a>
            </nav>
<article>
    <div class="trois-colonnes">
            <section>
            <h2>Expériences</h2>
                <h3>2012 à aujourd'hui</h3>
                <h4>Traductrice freelance</h4>
                    <p>Traductions littéraires, institutionnelles et audiovisuelles (traduction brute, sous-titrage),<br>missions d’interprétation</p>
                    <ul>
                        <li><b>Clients réguliers :</b></li>
                        <li><i>Ambassade de Norvège, Scandibureau</i></li>
                        <li><i>Arte, Canal +, France TV, Netflix</i></li>
                        <li><i>Albin Michel, Stock, Actes Sud, Flammarion, Cambourakis, Michel Lafon,<br>Presses de la Cité,<br>Bayard, Nathan, Magnard</i></li>
                    </ul>
                <h3>2012-2014</h3>
                <h4>Enseignante à l'UFR d'études nordiques<br>Sorbonne Université</h4>
                    <ul>
                        <li>Histoire et théorie littéraire, communication littéraire,<br>histoire culturelle scandinave, traduction, norvégien</li>
                    </ul>
                <h3>2012-2013</h3>
                <h4>Conseillère libraire<br>Librairie La Hune, Groupe Flammarion, Paris</h4>
                    <ul>
                        <li>Accueil, vente, conseil, caisse, réception, réassort</li>
                    </ul>
                <h3>2011-2012</h3>
                <h4>Lectrice de francais<br>Université de Stockholm</h4>
                    <ul>
                        <li>Département de langues romanes</li>
                        <li>Expression orale, grammaire, phonétique,<br>initiation aux cultures francophone</li>
                    </ul>   
            </section>
            <section>
            <h2>Formation</h2>
            <h3>2011 - 2017</h3>
                <h4>Doctorat en littératures nordiques</h4>
                    <ul>
                        <li>Sorbonne Université</li>
                        <li>Titulaire de la bourse de l'Institut suédois</li>
                        <li>"Guest Scholarship for PhD candidates</li>
                    </ul>
            <h3>2010-2011</h3>
                <h4>Master of Arts Translation and Interpreting</h4>
                    <ul>
                        <li>University of Westminster, Londres</li>
                        <li>Traduction institutionnelle, interprétation consécutive,<br>interprétation de liaison, initiation à la simultanée et au sous-titrage</li>
                    </ul>
            <h3>2008-2010</h3>
                <h4>Master de littératures comparées, mention TB</h4>
                <h4>Licence de norvégien LLCE, mention TB</h4>
                    <ul>
                        <li>Sorbonne Université</li>
                        <li>Échange Erasmus à l’Université d’Oslo</li>
                    </ul>
            </section>
            <section>
            <h2>Compétences</h2>
            <ul>
                <li>InDesign</li>
                <li>Photoshop</li>
                <li>Référencement naturel<br><i>(Formation en communication numérique,<br>École des Gobelins, Paris, déc. 2017)</i></li>
                <li>Pack Office</li>
                <li>Antidote</li>
                <li>SDL Trados Studio</li>
                <li>OS X</li>
            </ul>
            <h2>Centres d’intérêt</h2>
            <ul>
                <li>Trompette, piano, chant et danse</li>
                <li>(10 ans de pratique)</li>
                <li>Art moderne et contemporain</li>
                <li>Activités de plein air : cyclotourisme, ski de fond</li>
            </ul>
            </section>
    </div>
</article>
</main>
</body>

@media only screen and (max-width:320px) {
    main{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    }```
...