仅在Ipad显示屏上显示的Div

Question

是否可以仅为iPad显示器显示DIV？我试着在谷歌和这里出现的一些解决方案上搜索，但它不起作用，只是在你的电脑上显示它。是否有可能只在iPad显示屏上显示

@仅媒体屏幕和(最小设备宽度: 768px)和(最大设备宽度: 1024px) { /*样式在此处*/}

*对我的英语表示感谢和抱歉

Answer 1

您需要在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;
    }
}

Answer 2

尝尝这个。

div{ display:none }@仅媒体屏幕和(min-device-width : 768px)和(max-device-width : 1024px) { div{ display : block }}