Browser ~ Google Chrome–Device Mode & Mobile Emulation

All the more reason to luv this browser…

Fullscreen capture 3192016 63104 AM Nexus 5XThis is a screen capture of the emulator in use.

With it, I have modified, as needed, my Cascading Style Sheet [CSS] so that this blog, with the Twenty Sixteen Theme, displays as I want it to.

All the devices listed, except the Nexus 5X, does so. I have asked for assistance with it. The screen with the trike is the 5X emulator.

Note: Strangely, the code for the 5X now fires and the blog displays properly. So, all devices emulated display as I want. See my comment.

I learned yesterday that this developer tool is a part of this browser.

FANTASTIC!

I’ve used the Inspect Element feature for years as a tool to write CSS code. Doing so is impossible without such a tool.

Now, I can do even more using Chrome’s device mode:

This is a happy find! I am sated using Google Chrome Browser.

Author: jalexartis

Avid cyclist, who loves photography, technology, blogging & cooking...

One thought on “Browser ~ Google Chrome–Device Mode & Mobile Emulation”

  1. Please disregard this support request. For reasons unknown to me my desired media query is now firing.

    @media screen and (max-width: 731px) and (min-width: 411px) and (orientation:landscape) {
    .widget {
    /* Widget placement for NEXUS 5X in landscape mode, 03/19 *STILL WORKING* */
    margin-left: 0 !important;
    width: 100% !important;
    margin-bottom: 10px;
    }
    }

    It would be good to know why the misfiring before and now okay? I’ll take it though. I tried the query above many, many times.

    According to the Google Chrome Emulator, the listed 20 devices work as desired in landscape and portrait modes.

    Thanks!

    James

    Like

Your comments please...

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s