Css 为移动设备显示不同的div

我有一些

onMouseOver

功能在移动设备上不太好用。我是否可以在移动设备上显示不同的

DIV

---

这是对你建议的迟来回应。基本上，如果显示器是移动的，我需要一个单独的DIV（没有onMouseOver）

<!-- services -->
    <section class="services" id="services">
            <div class="container ptb">

                <div class="row">
                    <h2 class="centered mb"><b>SERVICES</b></h2>
                </div> <!-- Services Headline -->

<img src="assets/img/services-flip.png" height="50%" width="50%"
    onMouseOver="this.src='assets/img/services-list.png'"
    onMouseOut="this.src='assets/img/services-flip.png'" />

            </div> <!-- Content, Image -->
    </section>
<!-- end services -->

服务
你是你的朋友

例如：

@media screen and (max-width: 768px) {
  div.mobile { display: block; }
  div.desktop { display: none; }
}

除了媒体查询，您还可以使用以下内容：

基本上，您可以包含这样的脚本，并执行以下操作：

$(document).ready(function(){
    if(jQuery.browser.mobile) {
      $('body').addClass('mobile');
    }
});

并基于body类“mobile”，隐藏/显示必要的div。（这是jQuery示例，但也可以使用纯JS来实现）
当然可以。
使用css的css媒体查询
这里是苹果产品屏幕尺寸的重要参考。

div{
宽度：100%；
身高：100%；
填充：0；
保证金：0；
左：0；
左：0；
}
#桌面视图{
背景：rgb（50,50,80）；
显示：块；
}
#mobileView{
背景：rgb（50,80,50）；
显示：无；
}
#MobileLandCapeView{
显示：无；
背景：rgb（80,50,50）；
}
/*iPhone 6在纵向和横向中*/
@仅介质屏幕和（最小设备宽度：375px）和（最大设备宽度：667px）{
/*如果需要，您可以在其中隐藏不需要的DIV并显示特殊的移动DIV*/
#桌面视图{
背景：rgb（50,50,80）；
显示：无；
}
#mobileView{
背景：rgb（50,80,50）；
显示：块；
}
#MobileLandCapeView{
背景：rgb（80,50,50）；
显示：无；
}
}
/*iPhone6在景观中*/
@仅媒体屏幕和（最小设备宽度：375px）和（最大设备宽度：667px）以及（方向：横向）{
/*如果需要，您可以在其中隐藏不需要的DIV并显示特殊的移动DIV*/
#桌面视图{
显示：无；
}
#mobileView{
显示：无；
}
#MobileLandCapeView{
显示：块；
}
}

应在桌面模式下查看
在iPhone 6垂直模式下应该可以看到
应在iPhone 6横向模式下查看
谢谢大家！这个周末我将尝试学习媒体查询，我会回复你们所有人的！有没有可能得到一些问题，让观众能够看到你自己尝试过的东西？欢迎来到SO！我猜答案是“是的，是的”，但你可能正在寻找一些特殊的技术来实现这一点：）它们有很大的不同（有很多不同的方法来实现这一点，选择一个特定的取决于上下文）。我建议你先在谷歌上搜索可用的技术，然后试试看它们是否适合你。如果某个问题不起作用，您可以将其作为一个可回答的问题发布，如“我正在使用此技术：{technical description，code example}，这是我收到的错误：{error description}”。查看本指南，了解写作问题：以下是对您的建议的最新回复。基本上，如果显示器是移动的，我需要一个单独的DIV（没有onMouseOver）。服务