问如果图像太短，则强制将图像放到页面底部
EN

Stack Overflow用户

提问于 2015-09-27 10:29:41

回答 1查看 47关注 0票数 0

我对移动网页有一个奇怪的要求。该页面只能在移动设备(安卓4.4及更高版本和iOS 7及更高版本)上浏览。

该页面只有一个图像，没有其他图像。图像的宽度设置为100%。如果图像太小而无法填满整个屏幕，我们想把它放到页面的底部(图像有一些特殊的东西，需要在页面的底部看到)。我们的快速解决方案是：

img { position: absolute; bottom:0 }

如果图像太小，这一功能可以很好地工作，但如果将手机翻转到横向，则无法向上滚动图像的顶部。

有没有办法让图像只在太短而不能填满屏幕/比屏幕更高的情况下才被强制放在底部？

只使用CSS解决方案更好，但JS也可以。

发布于 2015-09-27 10:35:33

在使用@media的CSS中，这是完全可能的。考虑以下代码：

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    img { 
        /* do things */
    } 
}

请参阅这篇文章-> Introduction to CSS Media Queries

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32803977

复制

相似问题

问如果图像太短，则强制将图像放到页面底部EN