swiper.js我給swiper

科技 未結 1 1465

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微活動</title> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" minimal-ui /> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script> <link rel="stylesheet" href="../css/swiper.min.css"> <script src="../js/swiper.min.js"></script> <script src="../js/small.js"></script> <link rel="stylesheet" href="../css/test.css"> <script src="../js/app.js"></script></head> <body> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><div class="content-slide1">1</div> </div> <div class="swiper-slide"> <div class="content-slide2">2</div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> </div></body> </html>

css代碼如下:

.content-slide1{ width:640px; height:1008px; background: url("../images/bj-1.jpg") no-repeat 0 0; background-size:640px 1008px; } .content-slide2{ width:640px; height:1008px; background: url("../images/bj-2.jpg") no-repeat 0 0; background-size:640px 1008px; }

最后效果如圖

我給content-slide1設置了height108px;它自己給父層的swiper-slide設置了行內樣式height:2046px這是為什么?
swiper.js里面封裝的函數(shù)是怎么設置高度的?原理是什么?

相關標簽:
1條回答
  • 2023-04-28 16:05

    根據(jù)最外層的container高度決定的,即.swiper-container。當然有參數(shù)可以設置是否自動高度和固定高度,2.x和3.x的設置方法不一樣,可以參考官方API

    0 討論(0)
提交回復
最新問題
5.1環(huán)繞音響如何接線? 1
家裝的流程順序有哪些? 3
結婚八月為什么還不懷孕 1
京東方A分紅,是賺或是虧? 9
索尼4k電視怎么用遙調板調4k高清? 3
專治療輸卵管不通暢醫(yī)院哪個好 1
問一下大家,索尼電視Z9G的音質效果怎么樣? 1
大家覺得索尼4K HDR 液晶電視X9000F畫面清晰嗎? 2
想要一款玩游戲暢快系統(tǒng)好用的索尼4K HDR OLED電視,買哪款好呢? 4
治輸卵管不通哪里好 1
猜你喜歡
2025柬埔寨三代試管嬰兒案例?詳細如下!
卵巢早衰患是否適合進行三代試管嬰兒?您清楚了嗎?
卵巢囊腫試管成功率多少,怎么生混血!
去泰國做試管需多少錢,怎么操作!
深圳市私立試管醫(yī)院,有問必答!
美國的試管能在當月移植嗎,影響因素!
2024年周口能做三代試管的醫(yī)院名單匯總
永州第三代試管嬰兒機構哪里比較好,這篇文章為你揭示
吉林三代試管價格多少!新版價格介紹!
為何進行三代試管嬰兒技術時通常僅移植一枚胚胎?附贈費用明細!
熱門文章
男男試管嬰兒做一次大約多少錢?
敲黑板!解密!泰國試管嬰兒全流程
2025南昌私立試管嬰兒比較好醫(yī)院有哪些?
西安助孕:西安正規(guī)助孕公司有哪些名單?
2025年國內正規(guī)助孕機構都是哪些?
泰國試管嬰兒公立醫(yī)院推薦名單 一文解答安心選擇
泰國試管嬰兒醫(yī)院費用對比指南 附排名前三試管嬰兒醫(yī)院名單
泰國試管嬰兒醫(yī)院,單身人士可以做嗎?
泰國三代試管嬰兒費用詳解
2025天津私立機構排行榜已出,做三代試管看這里就對了
廣告合作方 廣告申請