Div 仅在 Ipad 显示器上显示

Question

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

@媒体唯一屏幕和（最小设备宽度：768px） and (max-device-width : 1024px) { /* 风格在这里 */}

*谢谢，对不起我的英文

Answer 1

试试这个。

div{ display:none } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { div{ 显示：块 } }

Answer 2

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

以下代码应该可以解决您的问题，源格式为 here。

div {
    display: none;
}

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

Div 仅在 Ipad 显示器上显示

Div to show only on Ipad diplay

css

ipad