【问题标题】:Full height image on mobile device移动设备上的全高图像
【发布时间】:2015-07-13 12:56:22
【问题描述】:

如何在网站上放置图片 我有专辑(水平)图像。我需要在移动设备上放置图像高度为完整设备高度的图像......并且需要可用的水平滚动...... 就这样

【问题讨论】:

  • 到目前为止你尝试过什么?这是您页面上唯一的元素吗?请考虑添加更多详细信息。
  • @martynasma 这是一个img...也许在div中
  • overflow-x: auto 在这个 img 元素上?

标签: javascript jquery html css mobile


【解决方案1】:

例子:

CSS 文件

html,body {
    height:100%;
    margin:0px;
}
.img-album {
    height:100%;
    overflow-y:hidden;
}
.img-album > img {
    height:100%;
}

HTML

<div class="img-album">
    <img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/09/new-wallpaper-3.jpg" />
</div>

JSFiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-09-04
    • 1970-01-01
    • 2016-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-15
    相关资源
    最近更新 更多