From the course: Learning Chrome Web Developer Tools
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Emulate rendering on other devices - Chrome Tutorial
From the course: Learning Chrome Web Developer Tools
Emulate rendering on other devices
- [Narrator] When you build a responsive design, you want it to work well on any machine that can open it. Any device, any view port resolution, any connection. There a number of common resolutions that can serve as a starting point for your testing. Laptops, tablets, and large and small mobile phones. Chrome Device Mode includes a breakpoint bar just below the device tool bar. That allows you too quickly resize the view point for a few generic device dimensions. Chrome updates these values as technology changes, so you may see different options than I do here. But my device mode starts, at the smallest width of 320 pixels for a small mobile. And now we've zoomed down to 25%, we're seeing a few more options here. So it goes on to medium size mobile, large one, a tablet at 768 pixels, laptop at 1024, a large laptop at 1440, and then a 4K monitor at 2560 pixels. Now sometimes you want to focus your testing on a set of…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.