首页 > 解决方案 > 不同屏幕分辨率上的滑块图像断点

问题描述

我希望 redux-framework 上带有幻灯片选项https://docs.reduxframework.com/core/fields/slides/的上传图像具有相同的高度,并且如果屏幕分辨率高于移动设备、平板电脑分辨率,则不让滑块图像覆盖所有首页。

到目前为止,我尝试调整图像大小(也设置静态高度)以查看桌面分辨率 960 像素及以上的滑块图像下方的一些内容(我想在桌面分辨率高于 960 像素的情况下查看首页滑块图像下方的一些内容),但不是滑块图像覆盖所有首页。但是当我调整图像大小以在桌面分辨率 960 像素及以上的滑块图像下方看到一些内容时,当它获得 480 像素及以下时,几乎不再在移动设备上看到滑块图像。图像高度仅在移动设备上可以使用,当滑块图像覆盖所有首页时,但当我调整它们的大小以查看滑块图像下方的一些内容时就不行了。

示例:我现在喜欢这个网站http://preview.themeforest.net/item/neer-construction-business-wordpress-theme/full_screen_preview/20851072?ref=cirvitis,当滑块图像覆盖所有首页和页面内容时本身根本看不到首页,直到我向下滚动到它,然后图像高度在移动设备上是可以的。

但我想在这个网站上喜欢这里:https ://codex-themes.com/thegem/meta-splash/ 标题滑块图像高度在调整大小时在首页上是可以的,我看到它下面的一些内容并且有相同的结果移动设备也可以查看。

现在我只有当滑块图像覆盖所有首页时才有很好的效果,然后图像在移动设备上也可以看到。但是当我调整首页图像的大小时,它们在移动设备上几乎看不到。

标签: wordpressimage-uploadingredux-framework

解决方案


推荐阅读