Question

是否可以仅为iPad显示器显示DIV？我尝试在Google上搜索此处出现的一些解决方案，但它不起作用它只是在您的计算机上显示它。它是否可能仅显示在iPad显示屏上

@media only screen 和（min-device-width：768px）和（max-device-width：1024px）{/ * STYLES GO HERE * /}

*感谢和抱歉我的Englsih

Answer 1

试试这个。

DIV { 显示：无 } @media only screen和（min-device-width：768px）和（max-device-width：1024px）{ DIV { 显示：块 } }

Answer 2

您需要在div上设置display: none;以便隐藏在所有设备/屏幕尺寸上，然后将display设置为block以获取iPad纵向和横向。您还可以使用任何其他类型的显示（例如，如果div需要内联，请inline-block），只需确保它不是none媒体查询。

以下代码应解决您的问题，来源here。

div {
    display: none;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{ 
    div {
        display: block;
    }
}

Div仅显示在Ipad diplay上

2 个答案: