Hướng dẫn responsive iframe khi chèn website wordpress

Hướng dẫn responsive iframe khi chèn website wordpress

Khi bạn chèn video từ youtube hay âm nhạc vào website có thể sẽ không hiển thị tốt trên mobile hay điện thoại.Sau đây dịch vụ thiết kế website giá rẻ tphcm sẽ hướng dẫn bạn cach responsive iframe website trên màn hình mobile.

Hướng dẫn responsive iframe video từ youtube,mp3.zing bằng css

Mặc định khi bạn nhúng video hay iframe từ website khác vào sẽ có dạng code như sau :


Trước tiên bạn bạn cần xóa width và height từ iframe nhúng vào.Sau đó bạn chèn 1 div để định dạng css cho iframe.Có thê tham khảo code dưới đây:


Để responsive video bạn sự dụng css sau :


Hướng dẫn responsive iframes với SASS


Ngoài cách responsive với css bạn có thể responsive iframe with js theo cách sau :

Bạn có thể tham khảo chi tiết tại https://benmarshall.me/responsive-iframes/

Cảm ơn bạn đã quan tâm tới hướng dẫn responsive iframe khi chèn vào website

Share this post

Comment (1)

  • Ronpymn Reply

    Comprar Viagra Generico Por Telefono Cialis Generico Tampico Forum Achat Cialis viagra online Keflex To Treat Spodylitis

    22/10/2017 at 8:45 sáng

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai.