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?
Tarek is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.