Question

我的css媒体查询存在问题。我有2个版本的网站。移动和桌面。我使用应用程序在移动设备和桌面设备上测试我的设计。当我测试我的设计。它看起来不错但是当我在手机中实际测试它时，它有一个问题，特别是在边缘。什么似乎是问题？

图标的位置，网站的设计与我使用的应用程序不同。

示例：我使用的应用程序可以测试480x800的移动分辨率，但是当我使用我的联想a690时，它的分辨率为480x800。设计看起来不同。甚至尺寸和缩放。我的手机对网站的看法很小，即使它在用于测试不同分辨率设计的应用程序中看起来更大。有人能帮我吗。 THX！

这是我的媒体查询

        <link rel = "stylesheet" type = "text/css" href = "../../css/global/reset.css"/>
    <!-- 480x800 Phones -->
    <link rel = "stylesheet" type = "text/css" media = "only screen and (max-width : 800px) and (max-height : 480px)" href = "../../css/professor/main_mobile481799_landscape.css"/>
    <link rel = "stylesheet" type = "text/css" media = "only screen and (max-width : 480px) and (max-height : 800px)" href = "../../css/professor/main_mobile481799_portrait.css"/>
    <!-- 320x480 Phones -->
    <link rel = "stylesheet" type = "text/css" media = "only screen and (max-width : 480px) and (max-height : 320px)" href = "../../css/professor/main_mobile_landscape.css"/>
    <link rel = "stylesheet" type = "text/css" media = "only screen and (max-width : 320px) and (max-height : 480px)" href = "../../css/professor/main_mobile_portrait.css"/>

CSS媒体查询与实际手机不同

0 个答案: