1# ArkUI - Media Query 2 3### Introduction 4 5 This sample shows how to use **MediaQuery** to display different UI effects on different devices. 6 7### Usage 8 91. On a portrait device, the news list is displayed on the home screen of the sample app. You can touch a piece of news to access the details page. 10 112. On a landscape device, the news list is displayed on the left side of the home screen of the sample app, and the news details are displayed on the right side. You can touch any news on the left to show its details on the right. 12 13### Constraints 14 15This sample can only be run on standard-system devices. 16