WeChatウィジェットswiperコンポーネントに遭遇した問題と解決方法
810 ワード
Swiperは純粋なjavascriptが作成したスライド効果プラグインで、携帯電話、タブレットコンピュータなどのモバイル端末に向いています。
Swiperはタッチパネルの焦点図、タッチパネルのTab切り替え、タッチスクリーンの多図切り替えなどの常用効果を実現できます。
Swiperオープンソース、無料、安定、使い勝手が簡単、機能が強大で、モバイル端末サイトを構築する重要な選択です。
swiperコンポーネントの高さは150 pxに制限されていますので、内容は開けられません。
解決策
このセットに高さを再設定し、中の画像を自動的にコンテナサイズに合わせて設定します。画像モードは幅を変えずに高さに自動適応します。
以上は小编が皆さんに绍介したWeChat Wiperコンポーネントの问题と解决方法です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
Swiperはタッチパネルの焦点図、タッチパネルのTab切り替え、タッチスクリーンの多図切り替えなどの常用効果を実現できます。
Swiperオープンソース、無料、安定、使い勝手が簡単、機能が強大で、モバイル端末サイトを構築する重要な選択です。
swiperコンポーネントの高さは150 pxに制限されていますので、内容は開けられません。
解決策
このセットに高さを再設定し、中の画像を自動的にコンテナサイズに合わせて設定します。画像モードは幅を変えずに高さに自動適応します。
<swiper class="test" .....>
<swiper-item>
<image mode='widthFix' ...... />
</swiper-item>
</swiper>
<style>
.text{
height:200px;
}
image{
width:100%;
height:auto;
}
</style>
締め括りをつける以上は小编が皆さんに绍介したWeChat Wiperコンポーネントの问题と解决方法です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。