html - How can I force autoscale on small screens when using w3-display-middle -


i'm using w3-display-middle (https://www.w3schools.com/w3css/4/w3.css) place content of site. works fine if resolution high starts croping content when resolution gets low. when using w3-display-topmiddle it's working fine.

    <div class ="w3-display-container w3-display-middle w3-mobile" style="width:80%;">         <div class ="w3-container ">             <div class="w3-row">                 <div class="w3-quarter w3-col m2 l2">                     <br>                     <img src='graphics/logo.jpg' alt="logo" style="width:90%;max-width: 165px; max-height: 190px">                      </div>                   <div class="w3-rest w3-col m10 l10">                     <div class="w3-row">                         <div class="w3-container">                             <h1>enter value:</h1>                         </div>                     </div>                     <div class="w3-row">                         <div class="w3-col m8 l8">                             <p><input class="w3-input w3-large" id="symbol" type="text" name="symbol" value="value" autofocus onfocus="this.select();"/></p>                         </div>                         <div class="w3-col m2 l2  w3-right-align">                             <p><input class="w3-button w3-green w3-large" type="submit" value="absenden" /></p>                         </div>                     </div>                     <div class="w3-row">                        <div class="w3-col m10 l10">                        <p><input type="checkbox" name="accepted" required/><i>some text here</i></p>                        </div>                    </div>                 </div>             </div>         </div>          </div> 


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -