Html 我在移动视图中所做的更改甚至适用于桌面视图。如何避免呢?

Html 我在移动视图中所做的更改甚至适用于桌面视图。如何避免呢?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用HTML和引导导航菜单。在移动视图中,我需要下拉列表的边框。但即使在桌面视图中也会显示边框。我不想发生这种事。如何避免呢 <li style="border-bottom: 1px solid #1F6689; border-top:1px solid #1F6689"><!-- ngIf: loggedUser --><a style="margin-right: 100px;" data-ng-if="loggedUser" class="ng-bindi

我使用HTML和引导导航菜单。在移动视图中,我需要下拉列表的边框。但即使在桌面视图中也会显示边框。我不想发生这种事。如何避免呢

<li style="border-bottom: 1px solid #1F6689; border-top:1px solid #1F6689"><!-- ngIf: loggedUser --><a style="margin-right: 100px;" data-ng-if="loggedUser" class="ng-binding ng-scope">
                        <span class="fa fa-user iconAlign font-icon-size">&nbsp;</span>Shrivatsav, Deeksha</a><!-- end ngIf: loggedUser -->
                    </li>
  • 施里瓦察夫,迪克沙

  • 请提供帮助。

    正如@Vanojx1所评论的,您应该使用css类而不是内联样式。内联css始终应用,与设备无关

    我建议使用.css文件而不是内联文件,它可以让您更好地了解布局,还可以使用媒体查询,从而将桌面与平板电脑和手机分开

    w3schools网站提供了一些很好的示例:


    快乐编码

    正如@Vanojx1所评论的,您应该使用css类而不是内联样式。内联css始终应用,与设备无关

    我建议使用.css文件而不是内联文件,它可以让您更好地了解布局,还可以使用媒体查询,从而将桌面与平板电脑和手机分开

    w3schools网站提供了一些很好的示例:


    快乐编码

    将其复制到样式表中

    @media (min-width:1200px){
    
    .nav.navbar-nav > li
    {
    border:0 !important;
    }
    
    }
    

    将其复制到样式表中

    @media (min-width:1200px){
    
    .nav.navbar-nav > li
    {
    border:0 !important;
    }
    
    }
    

    使用css类而不是内联样式,并添加使用css类而不是内联样式,如果您包含对其功能的解释,这将是一个更好的答案。为什么需要使用
    !重要信息
    ?!重要提示:当浏览器宽度大于1200px时,将覆盖内联样式并激活媒体查询下给定的样式一次。如果您对其功能进行解释,这将是一个更好的答案。为什么需要使用
    !重要信息
    ?!重要提示:当浏览器宽度大于1200px时,将覆盖内联样式并激活媒体查询下给定的样式