CSS Unused CSS Stages Media Queries Media Features and Media Types

Dwane Pennant
Dwane Pennant
12,337 Points

How do you get the browsers length/width displayed in the bottom right corner in chrome, like Guil has his setup

media-features-and-media-types video question

4 Answers

In Chrome (not sure about other browsers) you can install apps that give you that.

Go to (https://chrome.google.com/webstore/category/apps) Select 'Extensions' then 'Developer Tools'

I have two apps installed: Resize window, and Viewport resizer. Resize window gives me a bunch of different size options and will automatically change my browser to a different size, like a phone or tablet size. Viewport resizer is what gives me the box that says what size the browser is.

Hmmm, for me after restarting the browser it worked instantly using Chrome.

If that didn't work. I would maybe reset browser or clear apps and re-install. There may be few out there, you might better luck with another perhaps.

vickiecomrie
vickiecomrie
3,248 Points

I restarted again and now it's working.

problem solved!

I think its chrome extension that can be added. I am not sure if it is the same one I am using. I am using something called "Viewport Dimension".

It does the same thing, when you resize your window, it shows the px on the bottom right corners.

If you're interest here is the code on github. You can download the free extension at the chrome store.

https://github.com/CSWilson/Viewport-Dimensions

Dwane Pennant
Dwane Pennant
12,337 Points

Thanks Emma and Chris!!!