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
Post a Comment