Responsive websites must look right and function well on a variety of screen sizes: generally from a phone-sized screen all the way up to a big desktop screen. To achieve this responsive websites always consist of elements which move about, resize, and sometimes disappear or radically change at different screen sizes. One of the most basic trade-offs to consider in designing a responsive website is just how perfect visitor experience will be at which screen sizes.
It’s quite possible to make a responsive website that looks absolutely perfect at every conceivable screen size. However to do that would rarely be a reasonable trade-off because it would require extremely extensive CSS styling unique to each screen size. That would be very time-consuming and therefore costly. In addition, this would yield a level of perfection that would only be fully appreciated by other web designers.
One aspect of making intelligent trade-offs is to understand how visitors will generally view and interact with the responsive website. Read more