![css force responsive resize css force responsive resize](https://i.stack.imgur.com/NPv8R.png)
Practically, targeting mobile screen resolution is not a good UX, the resolution is too high for the small screen, fonts will be too small to read, icons will be too small to click, etc. With that being said, you should put things in terms of pixels, meaning resolution, not screen size.įirst, thank you all for the answers and precious guidelines, it sure helped!
![css force responsive resize css force responsive resize](https://i.pinimg.com/originals/73/08/22/7308226818dd4dfca85c5e4d7da844ad.jpg)
#CSS FORCE RESPONSIVE RESIZE CODE#
When it comes to the developer side, we should be using responsive units and structuring our code in a way that makes sense.
![css force responsive resize css force responsive resize](https://i.stack.imgur.com/lXgWu.jpg)
The best practice of which is a live example, whether in prototype form or in some wireframing program, not a static document like a PSD. You can read more about this in my responsive design primer.īut we also have to design in ways that allow for responsivity. This forces you to focus on the content that is most important and possible and then allows you do add more for bigger screens instead of forcing you to start with more on large screens then remove things when designing for smaller ones. With that being said, the best practice is to design in a mobile-first way, which really should be named mobile-most-important. A such, you can design using whatever sizes is right for what you're designing so long as they are reasonable. Responsive websites don't often have the same, conventional breakpoints or specific sizes/resolutions that they are made for because the web allows for more than that - it allows for all screen sizes to be reached. I assume you're coming from a more conventional print design background, yes? Designing for the web is much more freeing. The way you're thinking about responsive design is wrong. Instead, responsive design is based on the content and how it's made which allows it to fit all sizes and resolutions. Responsive design is based on neither screen resolution nor screen size.