Is there a way/code that I can us to make website fit all screen sizes without using media query in the CSS?
The style that I am using is the CSS Style, not bootstrap nor flexbox
You can use vh
(1% of window height) and vw
(1% of window width) units in your CSS definitions instead (and calc(...)
desired values).
Btw. flexbox is CSS style and is the next thing you may consider.
you can use
width:100%
in your css file for responsive design then it will fixed but if you have 4 div and then you need to use 25% or less. it will work all section but if it is mobile device then total screen size is 500px as like then when you use
width:25%
then 4 div will show very small size and it will not good to see this so if you use media query then it will look fine . but percent (%) will work for your purpose
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.