在横向模式下智能手机和平板电脑的响应图像

时间:2016-11-28 17:41:51

标签: css wordpress image optimization landscape

我有一个非常简单的照片库网站。每页只包含一张图像(600 x 400)或图像滑块。我的智能手机/平板电脑在横向模式甚至是笔记本电脑上的外观都有问题。因为图像/滑块的底部将被切断。所以你需要向下滚动才能看到整个图像。在小型设备上的桌面或肖像模式下它看起来不错。我喜欢在这些屏幕上以较小的尺寸显示图像/滑块,因此您无需向下滚动即可查看整个图像。有人可以帮我弄这个吗?我用wordpress中的二十六个孩子主题构建了它。

谢谢, 朦胧

1 个答案:

答案 0 :(得分:0)

我建议使用Slick轮播。这是一个简单的滑块启动器,可以节省大量时间和调整:http://kenwheeler.github.io/slick/

对于单张图像,请使用以下css属性:

max-width: 100%;
height: auto;
相关问题