@vrbsm wrote:
I am developing an application using the ionic framework for android and ios
In the android device is displaying squares with x.
The image below shows how the layout is displayed in ios and the browser (using the ionic serve command).![]()
But when I install the app on android layout appears that way below
![]()
I have two problems here:
1. The margin left is receiving space
2. layout with this squares with x
This is the code I'm using:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/ex.css" rel="stylesheet">
</head>
<body>
<ion-view view-title=“Example”>
<ion-content style="height: 100%; width: 100%; margin: 0" scroll="false">
…</ion-content>
<ion-footer-bar ng-show="box.wait_able == 0"
ng-style="{ 'background': box.approved_quiz == 0 ? '#e4a437' : '#608db7'}"
style="margin: 0; height: 245px; padding: 2px;">
<quiz-question-library-directive style=" width:100%;" box="box"></quiz-question-library-directive>
</ion-footer-bar>
</ion-view>
</body>Directive -->
<div style="width: 100%;">
<div class="row" style="height: 100px; margin: 0!important; padding: 0!important; background: #a7cef4">
<div class="col col-33 row-letter" style="border-right: 2px solid #608db7;">
<div class="grid-keyboard-letter-quiz">A</div>
</div>
<div class="col col-33 row-letter" style="border-right: 2px solid #608db7;">
<div class="grid-keyboard-letter-quiz">B</div>
</div>
<div class="col col-33 row-letter">
<div class="grid-keyboard-letter-quiz">C</div>
</div>
</div>
<div class="row" style="border-top: 2px solid #608db7; height: 100px; margin: 0!important; padding: 0!important; background: #a7cef4">
<div class="col col-33 row-letter" style="border-right: 2px solid #608db7;">
<div class="grid-keyboard-letter-quiz">D</div>
</div>
<div class="col col-33 row-letter" style="border-right: 2px solid #608db7;">
<div class="grid-keyboard-letter-quiz">E</div>
</div>
<div class="col col-33 row-letter">
<div class="grid-keyboard-letter-quiz">F</div>
</div>
</div>
</div>
<div class="row" style="padding: 0; margin-top: 5px;">
<p class="col col-70" style="font-size: large; font-weight: bold; margin-top: 2px; color: white; text-align: right;">rorororororororooro</p>
<div class="col " style="text-align: left; padding: 0; margin: 0">
<img style="width: 31px;" src="./img/question_submit.svg">
</div>
</div>
Posts: 1
Participants: 1