本篇內(nèi)容介紹了“如何安裝reframe js”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)服務(wù)項目包括內(nèi)蒙古網(wǎng)站建設(shè)、內(nèi)蒙古網(wǎng)站制作、內(nèi)蒙古網(wǎng)頁制作以及內(nèi)蒙古網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，內(nèi)蒙古網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到內(nèi)蒙古省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

Reframe.js的創(chuàng)建

它實際上是由DollarShaveClub創(chuàng)建的，該俱樂部令人驚訝地具有自己的GitHub頁面。

這也許是網(wǎng)絡(luò)上最簡單但最有價值的JS插件之一。

Reframe是他們的免費插件之一，專門為需要更簡單的方式處理響應(yīng)式嵌入式內(nèi)容的開發(fā)人員而開發(fā)。

沒有CSShacks，使這些元素具有響應(yīng)性是非常困難的。

明顯的罪魁禍首是來自YouTube和Vimeo等網(wǎng)站的嵌入式視頻。

使用Reframe.js，您只需選擇要定位的任何元素，然后使用reframe()函數(shù)對其進行reframe()構(gòu)圖。

您可以從GitHub下載副本，并且副本只有1KB。

首先將Reframe.js插件添加到您的網(wǎng)頁。

你應(yīng)該準備好了。

加載頁面和臂桿！

然后，您只需向函數(shù)傳遞選擇器即可選擇要重構(gòu)的任何元素。

Reframe會自動在其周圍添加一個div和class以創(chuàng)建響應(yīng)式樣式。

您可以將.video類.video到嵌入中，并將其用作選擇器。

例如，假設(shè)您的網(wǎng)站上嵌入了一些視頻。

reframe.js安裝

npmireframe.js--save

//Yarn

yarnaddreframe.js

例子

reframe('iframe');//WrapalliFramesinthepage

reframe(document.getElementById('my-frame'));//PassaDOMelement

reframe(document.querySelectorAll('.my-targets'))//Passalivenodelist

“如何安裝reframe js”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

網(wǎng)站標題：如何安裝reframejs-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/dcgdpe.html