在日常網(wǎng)站開發(fā)中會經(jīng)常遇到一些需要兼容各個終端的要求的，這種網(wǎng)站有個專屬名稱-響應(yīng)式網(wǎng)站。顧名思義，就是能響應(yīng)各個終端尺寸較好的展示網(wǎng)站內(nèi)容。
在響應(yīng)式網(wǎng)站開發(fā)過程多，大多數(shù)開發(fā)者是用媒體查詢來寫多幾套css樣式來布局排版，還有就是運用各種框架來進行開發(fā)，而網(wǎng)站功能方面一般都會有一些輪播效果，在單PC或者單手機站上輪播效果就隨便寫寫就好了，不用考慮一個輪播結(jié)構(gòu)是否兼容其他終端，而在響應(yīng)式網(wǎng)站中，就需要考慮這種情況，如果是整屏輪播的話，只需要把寬度設(shè)置為100%就行了，而如果輪播功能是多個子模塊同時顯示的，就需要考慮小屏上的顯示情況了，有些輪播內(nèi)容比較少的就可以直接按照百分比縮放，然而也不是所有的輪播都內(nèi)容少到能支持直接縮放顯示，對于這種情況，我都是運用swiper插件來實現(xiàn)不同分辨率顯示不同數(shù)量的輪播內(nèi)容來解決這個問題的。
這個參數(shù)就是breakpoints。
Swiper中文網(wǎng)中對于breakpoints的介紹如下：
 

它能根據(jù)分辨率的不同來設(shè)置顯示不同的數(shù)量，極大的改善了輪播功能兼容各個終端的不足。同時也縮減了網(wǎng)站開發(fā)所耗費的時間，是響應(yīng)式網(wǎng)站輪播功能實現(xiàn)方式比較優(yōu)秀的方法，當然如果說根據(jù)不同分辨率來寫多幾個輪播來根據(jù)分辨率調(diào)用也是可行的，但是這樣比較耗時耗力，網(wǎng)頁加載時間也會比較久。
如果有其他的更加有效的開發(fā)方式歡迎告知。