媒体查询高分辨率移动1080像素（Xperia Z等） [英] Media query for high resolution mobile 1080px (Xperia Z etc)

问题描述

我想尝试使用不同设备的媒体查询。我已经尝试我的新的索尼Xperia Z手机和显示在全尺寸网站格式，由于高分辨率。如何添加媒体查询重新调整网格和格式，如标准手机秤？在Xperia的字体也太小，无法阅读，需要显示更大。这是对于像全尺寸显示器显示屏的视网膜设备的问题吗？

I am trying to get to grips with media queries for different devices. I have tried my new Sony Xperia Z mobile and displays in full scale site format due to the high resolution. How do I add a media query to re-size a grid and format like a standard mobiles scale? On the Xperia the font is also too small to read and needs to show bigger. Is this a problem for retina devices that act like full size monitor displays?

Xperia Z - 分辨率1920×1080，PPI 443

Xperia Z - resolution 1920 × 1080, PPI 443

如何包含这些设备的媒体查询？

How do I include media queries for such devices?

推荐答案

@media screen and (-webkit-device-pixel-ratio:3) {
    body {font-size: 250%}
}

的设备及其设备像素比率：
https://www.google .com / fusiontables / DataSource？docid = 1N_eJYR_topuk3xmrOeNhYEsST_LAJikGKKzOQ2o

Here is a list of devices and their device-pixel-ratio: https://www.google.com/fusiontables/DataSource?docid=1N_eJYR_topuk3xmrOeNhYEsST_LAJikGKKzOQ2o

这篇关于媒体查询高分辨率移动1080像素（Xperia Z等）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！