Media Query Detector
Detect which CSS media features match your browser environment. Media queries reveal device capabilities, preferences, and can be used for fingerprinting.
Privacy Impact
Media query results can uniquely identify your device by combining screen dimensions, color capabilities, hover support, and user preferences (dark mode, reduced motion). This data contributes to browser fingerprinting.
Quick Summary
Screen Dimensions
0 matchedColor Capabilities
0 matchedInteraction Features
0 matchedUser Preferences
0 matchedDisplay Features
0 matchedTest Custom Media Query
Enter any CSS media query to test if it matches your current environment.
What are Media Queries?
CSS media queries allow websites to adapt layouts based on device characteristics. They test features like screen size, color depth, input methods, and user preferences. Browsers evaluate these queries in real-time, and the combination of results can uniquely identify your device configuration.