媒体查询仅与某些手机匹配

时间:2016-01-26 09:26:57

标签: android css iphone media-queries

此媒体查询仅由iPhone 6 Plus提取,但不包含任何其他iPhone或Android手机。

@media screen and (device-aspect-ratio: 16/9) and (max-width:768px), 
screen and (device-aspect-ratio: 16/10) and (max-width:768px){
    .content{
         margin-top:200vh
    }
}

有什么想法吗?

谢谢,

亚伦

2 个答案:

答案 0 :(得分:1)

不会比使用设备纵横比更好地使用方向,例如。

$soapUrl = "https://url_of_my_webService/Function.asmx?WSDL";
    $client = new \SoapClient($soapUrl,array(
        'login'=>'login',
        'password'=>'password',
        'trace'=>true
    ));

    $orderID = "something";
    $cpid = "other_thing";

    $xml_post_string = '<?xml version="1.0" encoding="utf-8"?>
            <soap12:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap12="http://www.w3.org/2003/05/soap-envelope">
                <soap12:Body>
                    <TPAccess xmlns="http://tempuri.org/">
                        <KREQUEST>
                            <REQUESTS>
                                <REQUEST>
                                    <ORDERID>'.$orderID.'</ORDERID>
                                    <CPID>'.$cpuid.'</CPUID>
                                </REQUEST>
                            </REQUESTS>
                        </KREQUEST>
                    </TPAccess>
                </soap12:Body>
            </soap12:Envelope>';

    $call = $client->__doRequest($xml_post_string, $soapUrl, "http://namespace.org/Function", 1.1) ;

Plus device-aspect-ratio将被弃用,并替换为宽高比http://dev.w3.org/csswg/mediaqueries-4/

答案 1 :(得分:0)

它可能是宽高比。如果另一个屏幕具有相同的宽度但不同的方面(即高度),那么它将不匹配,然后将不为该设备呈现。 尽量不要在@media查询中过于具体 - 针对严格的设备会给您留下很多工作,尝试让布局跨设备流动,不需要在每个设备上进行精确的像素定位。除了下个月,全新的设备浪潮将进入市场,并否定所有这些艰苦的工作。