Html 我在移动视图中所做的更改甚至适用于桌面视图。如何避免呢?
我使用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
<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"> </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时,将覆盖内联样式并激活媒体查询下给定的样式