This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Responsive Width Tag

Description

Displays a tag at the top of the website that shows the current width of the browser window and the device that this width is associated with, to help with responsive design in the development stage. Helps to preview what the site will look like in mobile devices or various screen sizes. Also helps to know what size the screen to apply size specific CSS overrides in the style sheet.

Know what you are working with and save time!

Screenshots

  • Responsive Width Tag
  • Displaying the width and device name

Installation

  1. Unzip the archive and put the responsive-width-tag folder into your plugins folder (/wp-content/plugins/).
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

Usage

Turn the tag on inside the Responsive page and it will display at the top of the site. The width in pixels will update dynamically as you resize the browser window. Once you get to a width that is associated with a device, a little green light will light up next to the device name so you know this is what the site will look like on a screen that size or on that device.

FAQ

Is this an awesome tool? Why, yes it sure is!

Contributors & Developers

“Responsive Width Tag” is open source software. The following people have contributed to this plugin.

Translate “Responsive Width Tag” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

First release