我仍然是ReactJS的初学者，我需要创建一个响应式的Carousel，我需要这样离开：
我能够使用react-responsive-carousel库在桌面和响应式环境中创建Carousel。问题是，在移动格式中，当我传递每个Carousel的slides时，预期的行为不会发生。当我单击显示下一张幻灯片时，在Carousel中，它仍然显示当前幻灯片，并且只显示下
浏览 26提问于2021-03-11得票数 1
回答已采纳
我想在移动设备的amp carousel中显示导航箭头，但默认情况下不显示箭头。我已经尝试了.amp-carousel-button { display:""; }和许多其他工具，但似乎都不起作用。
浏览 21提问于2017-01-11得票数 3
我目前正在使用'react-responsive‘来打开或关闭一些组件，这取决于应用程序是在桌面上还是在移动设备上查看。简化示例： import { useMediaQuery } from 'react-responsive'
)
} 当我在应用程序中从一个页面导航到另一个页面时，它工作得很好，但当我第一次打开网站时，所有组件都错误(
浏览 36提问于2021-10-07得票数 0
2回答
我很难在移动设备和桌面屏幕上以不同的方式显示我的引导旋转木马。以下是我的HTML： <!，在移动设备上，我的图像大小不同，我拥有的3幅图像是：
img.
浏览 4提问于2014-04-20得票数 0
回答已采纳
我正在尝试创建一个可调用的组件，以检查设备是移动设备还是桌面设备
<Route exact path="/"> <Home isDesktop = {<CheckDeviceScreen/>}
浏览 0提问于2020-08-27得票数 0
我目前正在开发一个响应式的carousel jquery插件。旋转木马在桌面设备上显示了3张图像，在平板电脑上显示了2张，在移动设备上显示了1张。LI项向左浮动以创建内容条带，并且carousel-container具有overflow:隐藏以隐藏当前未显示的条带中的元素。在移动设备(最大宽度
浏览 0提问于2013-12-31得票数 0
1回答
引导项可以适合移动设备的垂直屏幕。但是我的图像很宽，而且它们在移动设备上不能很好地伸缩，下面的代码是：<div class="item">CSS:
.carous
浏览 2提问于2016-04-03得票数 2
我已经在我的网站上建立了一个引导旋转木马(完整介绍)，它可以很好地工作在大型设备上，但是在移动设备上，它只显示了旋转木马图像的左边三分之一，但我希望它是图像的中心。因此，我认为一个很好的解决方案是为大型设备、平板电脑和移动设备制作3种不同的设备和不同版本的图像，以确保其具有我想要的焦点。这应该
浏览 2提问于2017-10-27得票数 3
回答已采纳
1回答
我有一个用lib react-responsive-carousel渲染一些图像的旋转木马，我想知道如何减少在我的旋转木马中出现的图像数量。在大屏幕时，我在我的旋转木马上渲染了3个图像，但当屏幕变小时，我想渲染更少的图像。在下图中，可以很容易地看到，当屏幕很小时，旋转木马与粘贴的图像一起。我将我的代码放入codesandbox.io ? import React from "react";
import ".&
浏览 15提问于2021-01-19得票数 1
回答已采纳
2回答
是否有任何方法隐藏自举滑块，滑块中的所有图像都应在移动设备上垂直显示？我在滑块中有5张图片，我必须在移动设备上垂直显示所有图像。我尝试在下面的代码中使用媒体查询，但这不是working.Please帮助我的。#myCarousel.carousel-inner > .item display: block !important;
}
浏览 5提问于2016-07-05得票数 3
回答已采纳
我正在尝试在React上制作一个响应式的旋转木马。我想在桌面上显示3个项目，在移动设备上显示1个项目。所以我把3设为itemsToShow，但是有没有办法在手机上把它设为1呢？import React from "react";import { Container } from "react
浏览 51提问于2021-04-09得票数 0
3回答
我在这个链接()上创建了滑块。它在桌面上很适合我，但是在移动device.This滑块上出现问题并不是在手机上显示全屏。我试着在css下面获得全屏，但是图像是拉伸的。我只需要显示图像的中心部分。我使用的是img tag.Would，您在这方面帮了我。Css
//在移动设备中获取图像全屏。.carousel-inner>.item>img, .car
浏览 3提问于2016-09-30得票数 0
回答已采纳
1回答
我只想把carousel放在移动端，桌面显示div。我想过在screen.width中添加一个javascript。<script type="text/javascript">document.write("<div class='owl-carousel'><div></b></center></div>
浏览 1提问于2019-07-24得票数 1
正在尝试更新我的工作页面，因为它看起来很过时。我使用的是Bootstrap 3和一个模板"Ruma“。我已经用我想要的内容替换了大部分东西(还需要调整一些颜色)。当我在移动设备或Responsinator上查看网站时，导航栏会覆盖幻灯片。我需要做什么才能将内容向下推，这样导航栏才不会覆盖在移动设备上的幻灯片上？另外，有没有可能使用javascript将移动设备</
浏览 0提问于2014-07-22得票数 0
我安装了vue-carousel并对其进行了设置，它在我的页面上工作，但滑块似乎每页显示三个 ? 这些是我传递给组件的内容 <carousel :navigationEnabled="true" >
</carousel
浏览 15提问于2020-06-22得票数 0
回答已采纳
3回答
我正在使用<div id=Slider class="carousel slide" data-ride=carousel>显示一些图像和文本。如果屏幕宽度为<= 767，则删除旋转木马
任何人都可以帮助js hack / css设置？
浏览 2提问于2015-03-24得票数 1
回答已采纳
3回答
我的代码如下所示import Slide from 'react-reveal/Slide'300px; `; Carousel= makeCarousel(CarouselU
浏览 0提问于2019-11-09得票数 2
当我使用时，一切都很好，除了我注意到在移动设备上，即使传送带本身是有响应的，但里面的图片却没有响应，所以只显示了每张图片的中间部分： v-for="(item,i) in items" :src="item.src"
浏览 2提问于2019-03-13得票数 0
在一个React项目中，我从‘react-responsive Carousel’npm包安装了carousel。因为我想重定向到某个组件上滑动的图像点击它。怎么可能做到这一点呢？https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/sunflower-1508785046.jpg" ];
<Carousel<Link to=&qu
浏览 74提问于2021-02-23得票数 2
回答已采纳
我在我的一个页面上实现了AMP-carousel。我打算在手机和桌面上使用amp页面，因为我的网站相对简单，我不需要有两个不同的版本。问题是AMP-carousel在IE和Safari上不能很好地工作。看看这里的官方例子，当你在IE或Safari中看到它时，控制滑块的箭头在第一张图片后没有出现，这让我认为这是一个“官方”。我在我的页面中使用了这个例子：
<amp-carousel width="400
浏览 0提问于2016-11-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
