В настоящее время я работаю над мобильным приложением Android, и я столкнулся с проблемой рендеринга изображения с мобильным телефоном Android, который меньше по размеру. Изображения выглядят аккуратно на телефонах, таких как Nexus, Samsung, которые имеют широкие экраны, но изображение перекрывается на меньших экранах телефонов. Я использую ионный, чтобы построить свой код. & включили бутстрап.Обработка изображений в мобильных приложениях
Я включил следующий код в стиле части:
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
Ниже кода в теле:
<div class="col-xs-12 col-md-12 col-sm-12" >
<div id="journey" class="col-xs-2">
<a href=" "> <img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px;padding:5px;position: relative;left:1%;" cursor="pointer" onclick="" /></a>
</div>
<div id="conveyance" class="col-xs-2">
<a href="./4s.html "><img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px;padding:5px;" cursor="pointer" /></a>
</div>
<div id="per-diem" class="col-xs-2" >
<a href=" "> <img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px;padding:5px;"cursor="pointer" onclick="" /></a>
</div>
<div id="lodging" class="col-xs-2" >
<a href=" "><img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px; padding:5px;"cursor="pointer" onclick="" /></a>
</div>
<div id="misc_1" class="col-xs-2" >
<a href=" "><img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px; padding:5px;" cursor="pointer" onclick="" /></a>
</div>
<div id="end_journey" class="col-xs-2">
<a href=" "> <img src="./images/launch 48.png" class="img_responsive" style="width:60px;height:70px;padding:5px;"cursor="pointer" onclick="" /></a>
</div>
Не могли бы вы создать скрипку дублировать эту проблему? – odedta
Не могли бы вы помочь мне разобраться, что вы имели в виду под скриптом, чтобы дублировать эту проблему? – Shalini
http://jsfiddle.net/ - воссоздайте проблему, которая у вас есть на этом веб-сайте, нажмите «Сохранить» и вставьте ссылку здесь. – odedta