Witam,
trafiłem na problem z którym nie mogę sobie poradzić.
Mam skrypt który wyświetla mapę. W wersji PC jest wszystko OK
w podglądzie mam: style="position: relative; overflow: hidden;"

jeśli wyświetlam na telefonie zmienia się wartość style na:
style="position: relative; overflow: hidden; height: 0px;"

jeśli zmieniam ręcznie height:100% to jest ok, ale gdzie to zmienić w kodzie styli? poroszę o podpowiedź.

sam plik ze stylami wygląda tak:

[HTML] pobierz, plaintext 
#map_canvas { float:left; border:1px solid #000;}
ul#markerTypes { float:left; width:500px; list-style:none; padding:0; }
ul#markerTypes li { padding:10px; }
ul#markerTypes li label{ color: #000; }
 
 
 
html, body, .container-fluid, .row, .map { height: 100% }
 
/*Hide for mobile, show later*/
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 0px !important;
        overflow-x: hidden;
        overflow-y: auto;  /*Scrollable contents if viewport is shorter than content.*/
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}
.ui-autocomplete {
    background-color: #fff;
    width: 410px;
    border: 1px solid #cfcfcf;
    list-style-type: none;
    padding-left: 0;
}
#nxIK_search {
    position: relative;
    width: 400px;
}
#nxIK_topbar {
    background-color: #000;
    color: #fff;
    position: absolute;
    overflow: hidden;
    z-index: 3;
}
#nxIK_topbar a {
    color: #fff;
}
.map {
    /*width: 75%;*/
    height: 100%;
    position: relative;
    border: 0 red solid;
    padding-right: 0px;
    padding-left: 40px;
}
#nxIK_map {
    width:100%;
    height: 100%;
    height:calc(100% - 0px);
    /*width: 100%;*/
    /*height: 100%;*/
    /*overflow: hidden;*/
    /*max-width: 1600px;*/
    /*max-height: 1000px;*/
}
.nxIK_mono {
    font-family: monospace;
}
#nxIK_lonlat {
    border: none;
    background-color: #aaa;
    font-family: monospace;
}
#nxIK_checkboxContainer {
    position: absolute;
    width: 144px;
    height: 270px;
    border: 1px #000 solid;
    background: #eee;
    left: 20px;
    top: 290px;
    opacity: .65;
    z-index: 3;
}
.inputZoom {
    margin: 0;
    padding: 0;
}
#nxIK_checkboxContainer input {
    margin-top: 10px;
}
.nxIK_clustersize1 {
    font-family: arial;
    display: block;
    position: relative;
    left: -26px;
    top: -26px;
    text-align: center;
    line-height: 52px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #000;
    background: url(../img/m1.png) no-repeat 0 0;
    width: 53px;
    height: 52px;
}
.nxIK_clustersize2 {
    font-family: arial;
    display: block;
    position: relative;
    left: -28px;
    top: -28px;
    text-align: center;
    line-height: 55px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #000;
    background: url(../img/m2.png) no-repeat 0 0;
    width: 56px;
    height: 55px;
}
.nxIK_clustersize3 {
    font-family: arial;
    display: block;
    position: relative;
    left: -33px;
    top: -33px;
    text-align: center;
    line-height: 65px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #000;
    background: url(../img/m3.png) no-repeat 0 0;
    width: 66px;
    height: 65px;
}
.nxIK_clustersize4 {
    font-family: arial;
    display: block;
    position: relative;
    left: -39px;
    top: -39px;
    text-align: center;
    line-height: 77px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #000;
    background: url(../img/m4.png) no-repeat 0 0;
    width: 78px;
    height: 77px;
}
.nxIK_clustersize5 {
    font-family: arial;
    display: block;
    position: relative;
    left: -45px;
    top: -45px;
    text-align: center;
    line-height: 89px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #000;
    background: url(../img/m5.png) no-repeat 0 0;
    width: 90px;
    height: 89px;
}
#nxIK_Clustering_span {
    display: none;
}
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.omb_btn-facebook  {
    background: #3b5998 !important;
    color: white !important;
}
.omb_btn-facebook:hover {
    background: #3b5998 !important;
    color: white !important;
}
html, body {
    height: 100%;
    width: 100%;
}
 
@media (min-width: 1000px) {
    .navbar {
        padding-right: 15px;
        margin-bottom: 0px;
    }
}
 
.fa-2 {
    font-size: 2em !important;
    margin-right: 10px;
}
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt17 { margin-top:17px; }
.mt30 { margin-top:30px; }
.mb5 { margin-bottom:5px; }
.mb7 { margin-bottom:7px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb17 { margin-bottom:17px; }
.mb30 { margin-bottom:30px; }
#footer {
    color: #101010;
    margin-bottom: 10px;
}
#map-canvas {
    width:570px;
    height:400px;
}
 
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
 
.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
 
.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}
 
/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}
 
.modal.left.fade.in .modal-dialog{
    left: 0;
}
 
/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
 
.modal.right.fade.in .modal-dialog {
    right: 0;
}
 
/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}
 
.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}
.text-white {
    color: #fff;
    font-weight: 100;
}
#list-column {
    padding-left: 0px;
    padding-right: 0px;
}
#list-column .panel {
    border-radius: 0px;
}
#list-column .panel-heading {
    border-radius: 0px;
}
[HTML] pobierz, plaintext