0
Изображения на моем ручке http://codepen.io/niffyy/pen/GNzpNW?editors=1100 не будут загружены на мобильный экран.Зачем загружать изображения на мобильную версию сайта с помощью html и css?
<div class="row">
<div class="container" id="third">
<p class="para2"> Portfolio </p>
<div class="col-xs-6 col-md-6">
<div><a href='http://codepen.io/niffyy/full/VPZLpj/' class="thumbnail"><img src="http://i.imgur.com/YiCHp7M.jpg" alt="screenshot"></a><h5>Simple Nelson Mandela Tribute Page</h5>
</div>
<div><a href='#' class="thumbnail"><img src="http://i.imgur.com/mMJs4kq.png" alt="screenshot3"></a><h5> Coming soon!</h5>
</div>
</div>
<div class="col-xs-6 col-md-6">
<div><a href='http://codepen.io/niffyy/full/GNzpNW/' class="thumbnail"><img src="http://i.imgur.com/z5PtrqQ.jpg" alt="screenshot1"></a><h5> Portfolio Page</h5>
</div>
<div><a href='#' class="thumbnail"><img src="http://i.imgur.com/mMJs4kq.png" alt="screenshot2"></a><h5> Coming soon!</h5>
</div>
</div>
</div>
</div>
<div class="col-xs-6"> <img class="img-responsive" id="me" alt="a picture of me" src="http://i.imgur.com/EWx1Z9x.jpg">
</div>
< --THE CSS ->
#me{
width:100%;
height: auto;
margin-top:45px;
margin-bottom:30px;
border-style: solid;
border-width:5px;
border-radius:20px;
border-color:#FF33CC;
}
Я попытался изменить формат из Jpeg в детских, а также изменения размера изображений перед загрузкой его, но он все еще не работает Это также относится к миниатюр на веб-сайте, и я не уверен, почему. Я проверил код на ошибки, но не видел, где я ошибаюсь. Он отлично выглядит на столе.
Он был загружен совершенно на мобильных устройствах! – JustCauseWhat
Ссылки imgur возвращаются с 403 Forbidden errors для меня. Если я перейду непосредственно к ним и обновится, они загрузятся, но hotlinking будет разбит на них прямо сейчас. Не знаю, почему. –
Могу ли я спросить, какой мобильный телефон вы используете? Он не загружается на моем iphone 5 или когда я тестирую его на кросс-браузерном тестировании – Niffyy