akiran / akiran/react-slick

image cover size slider

未關閉
#1,695 3 則留言 1 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
JavaScript
星號
11.9k
分支
2.1k
PR 合併指標
30 天內沒有已合併 PR

描述

hii
how could I get my image to be 100% of my slider's height and width and fit something like backgroundSize: Cover

my code:
```
export default class App extends Component {
render() {
// eslint-disable-next-line no-var
var settings = {
dots: true,
infinite: false,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
initialSlide: 0,
arrows: true,
autoplay: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
initialSlide: 2,
},
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
};
return (


Responsive
















);
}
```

my result:
![Screenshot from 2019-12-21 12-34-10](https://user-images.githubusercontent.com/38575233/71310048-37963180-23ee-11ea-8540-413ae4ae7f41.png)

貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。