У меня есть строка под кнопкой меню, которую я хочу изменить, потому что, когда вы просматриваете ее на мобильном телефоне, линия выходит дальше, чем меню. на данный момент, даже если я установить размер в 1px он не изменяет на всехНе могу изменить размер изображения
HTML код
<div class="container">
<div class="row">
<div class = "col-sm-12 col-xs-12" style= "background-color:white">
<!--<img src ="/frontimages/orange_tab_wide_up.jpg" style= "display:inline-block">
<img style="margin-left:-4px; display:inline-block" src ="/frontimages/blue_tab_wide.jpg">
<img style="margin-left:-4px; display:inline-block" src ="/frontimages/green_tab_wide.jpg">
<img style="margin-left:-4px; display:inline-block" src ="/frontimages/yellow_tab_wide.jpg">-->
<a class="btn-test btn" type="button" id="search" value="" onclick="check()" href="#" role="button">Search</a><a class="btn-test2 btn" type="button" id="search" value="" onclick="check()" href="#" role="button">Search</a><a class="btn-test3 btn" type="button" id="search" value="" onclick="check()" href="#" role="button">Search</a><a class="btn-test4 btn" type="button" id="search" value="" onclick="check()" href="#" role="button">Search</a>
</div>
</div>
<div class="row">
<div class ="col-xs-7 ">
<!-- <img class="img-responsive" src="/frontimages/orange_line_wide.png">-->
<div class="g"> </div>
</div>
</div>
</div>
CSS
.g {
height:3px;
margin-top:-3px;
background:-moz-linear-gradient(left, #FFFFFF 0%,#28ACEE 50%,#FFFFFF 100%);
background:-webkit-linear-gradient(left, #FFFFFF 0%,#28ACEE 50%,#FFFFFF 100%);
background:linear-gradient(left, #FFFFFF 0%,#EC9B3F 50%,#FFFFFF 100%);
width:100%;
display:block;
}
@media (min-width: 300px) and (max-width: 350px) {
.g {width:1px;}
}
@media (max-width:700px) {
.g{width: 405px}
}
Можете ли вы предоставить некоторый снимок или Fiddle? –
http://jsfiddle.net/3Vxxb/ предполагается, что под меню будет синяя линия градиента, я не знаю, почему она не появилась. линия проходит мимо меню, и я пытаюсь исправить эту проблему, чтобы она работала корректно на мобильном пейзажном представлении и портретном видении. – user3638530