Relative Content

Tag Archive for cssresponsive-designweb-frontendscreen-resolutionbrowserstack

Should web developers optimize a responsive website for high resolution viewports?

I am testing an e-commerce website’s responsiveness on Browserstack. An image, for example, looks perfectly fine when the viewport width is under 2560px. However, when the width exceeds that, the image gets cropped. Is this a problem, or do few people view websites on such high resolutions? My understanding is that users usually have their system display scale set higher than 100% or have the browser zoom settings adjusted. So what we see on Browserstack at a specific resolution doesn’t necessarily reflect what users will be viewing on their screens. In other words, if someone has a 3840 x 2160px 4K monitor, they don’t necessarily see what I am seeing when I test 3840 x 2160px on Browserstack, because their actual viewport size will be less due to display scale or browser zoom. Therefore, what is the recommended highest resolution on Browserstack for which I should ensure everything looks ok on the website?