If you use a tool like Axure, then this is not your developer’s problem, it’s yours! You’ll dust off your hands and reward yourself with a Bullet Proof Coffee. So, I hear what you’re saying: “I’ll make sure my developer takes care of this”.
#Justinmind horizontal scrolling code
When the viewport code is present the website fits the screen and we can interact with it as we’d expect. So here is a website, as viewed on a mobile phone, with and without the viewport configured.Īs you can see, when the viewport tag is not present the website is tiny and a user would have to pinch/zoom the screen and then scroll around horizontally in order to view the content. If you’re like me, seeing something can help immensely. The maximum-scale, minimum-scale, and user-scalable properties control how users are allowed to zoom the page in or out.” The initial-scale property controls the zoom level when the page is first loaded. It can be set to a specific number of pixels like width=600 or to the special value device-width, which is the width of the screen in CSS pixels at a scale of 100%. “The width property controls the size of the viewport. The Mozilla Developer documentation resource describes it as follows:
There is one inconspicuous line of code that can ruin your UX testing and, as UX professional, it’s your responsibility, not your developer’s, to get right.īefore we get into why this is a problem, lets understand what this line of code does. Code is a developer’s problem… right? Mmmm, maybe, but when it goes wrong it can sure derail your user testing in a hurry.
0 kommentar(er)
