mediaQueryMatch icon

mediaQueryMatch APK

  • Author:

    PM5544

  • Latest Version:

    2.1

  • Publish Date:

    2012-09-11

The description of mediaQueryMatch

Media query match

Ever wanted to see what media queries match your device?
Or wanted to compare the behavior of <meta name="viewport" />'s

This is an app that provides information about the width and height media queries that match your device with either the
<meta name="viewport" content="target-densitydpi=device-dpi" /> set, or with the
<meta name="viewport" content="width=device-width" /> set in one of the three default zoom modes Android device provide through the settings.

This is a helpful tool for front-end developers, enthusiasts or anyone that's making websites for mobile Android devices or PhoneGap/Cordova apps or any other app that uses a WebView.

This app makes no use of JavaScript or other techniques besides CSS to calculate the dimensions of the view, it only uses CSS @media queries.
That way you will be absolutely sure that the CSS media query matches a device with specific settings.

Media query match doesn't show device-width and device-height media queries because they will be exactly the same as the width and height media queries on Android browsers and in Android WebViews.

It does show you:
width and height media query values
if orientation is supported and its values
device-dpi values
This way it gives you a good idea of what settings are best for your mobile site or Android app (with WebView).

It provides you with the option to hide the title bar through an option in the menu (or by touching the screen for a couple of seconds on devices that support it) and it lets you easily switch between the width=device with media query page or the target-densitydpi=device-dpi page and gives you the option to reset the zoom for that page.
Or you can select a zoom level like the default zoom level options in the browsers settings.

Show More

What's new

2016-10-27
The app now shows 2 pages, "device-width" and "device-dpi" to be able to compare the two in certain zooming levels.
Also both pages are zoomable now and user zoom can be toggled.
Added more widths and height to always show the values and added some more device densities.
The three zooming levels are the ones that can be chosen from the browsers default zoom settings menu.
Removed the no-scale since it is bad practice.
Advertisement
mediaQueryMatch APK Version History
Request mediaQueryMatch UpdateRequest Update
mediaQueryMatch 2.1 for Android 2.1+ APK Download

Version: 2.1 (5) for Android 2.1+ (Eclair MR1, API 7)

Update on: 2016-10-27

Signature: 2590457be8ffb44858e0f64a880ddcf76fecfca6 mediaQueryMatch 2.1(5) apk safe verified

APK File SHA1: 24a8eab4d3951c0164adc39689bd0a93bd75618e

What's new: The app now shows 2 pages, "device-width" and "device-d More...

Download APK(30.7 KB)

Comment Loading...
Be the first to comment.
Popular Apps In Last 24 Hours
Download
APKPure App