直播軟體開發,通過js動態設定字型大小
直播軟體開發,通過js動態設定字型大小實現的相關程式碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>rem相對根節點</title> <style> /* rem是相對於根節點html的font-size值 */ html { font-size: 100px; } div { /* 16畫素 */ font-size: .16rem; } h1 { /* 20畫素 */ font-size: .2rem; } </style> </head> <body> <div> 哈哈,我是div元素 <h1>我是div的兒子h1</h1> </div> </body> 通過下面的js設定 下次試用只要下面的 <script> function setRem() { var ui_w = 375; // 獲取螢幕的寬度 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth; console.log(ui_w,clientWidth); // 通過js動態改變html根節點字型大小 var html_ = document.getElementsByTagName('html')[0]; html_.style.fontSize = (clientWidth/ui_w)*100 +'px'; } // window.onresize 瀏覽器被重置大小執行事件 window.onresize = setRem; </script> </html>
以上就是 直播軟體開發,通過js動態設定字型大小實現的相關程式碼,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2845126/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript動態設定文字字型大小JavaScript
- 淺扒Android動態設定字型大小Android
- 直播平臺軟體開發,Uniapp動態設定元件顏色APP元件
- javascript動態設定字型的大小程式碼例項JavaScript
- javascript動態設定select下拉選單字型大小JavaScript
- ImageView 動態設定大小View
- 開發直播app 軟體時iOS端廣告功能設定APPiOS
- 直播軟體開發,自動滾動banner
- win10軟體文字字型怎麼設定大小_win10僅更改軟體文字大小在哪裡Win10
- CSS如何設定字型的大小CSS
- Android開發之動態設定字型的樣式和粗細Android
- win10電腦字型大小怎麼設定_win10如何設定字型大小Win10
- 直播軟體開發,ScheduledExecutorService定時器的使用定時器
- 直播平臺軟體開發,Extjs Grid自動換行JS
- CSS 設定字型顏色和大小CSS
- PowerDesinger15設定字型大小
- 直播軟體開發,css預載入旋轉動畫 與 流光字型CSS動畫
- 直播軟體開發,JS生成隨機字串的方法JS隨機字串
- Intellij IDEA 設定字型的大小IntelliJIdea
- 華為P8青春版字型大小設定教程 華為P8青春版字型大小怎麼設定
- 樂1s字型大小怎麼設定 樂視超級手機1s字型大小設定教程
- C++通過輸入數來確定一個陣列的動態大小C++陣列
- AngularJS動態設定CSSAngularJSCSS
- 直播帶貨系統原始碼利用TextView設定部分字型的顏色和大小原始碼TextView
- 安卓開發--textView的字型樣式設定(設定宋體,微軟雅黑等)安卓TextView微軟
- 夢幻直播商城軟體原始碼帶貨,移動商城定製開發功能原始碼
- 短視訊直播系統,Android狀態列設定顏色字型Android
- 動態軟體如何設定雲手機的程式的?
- 區塊鏈社交軟體開發,IM即時通訊社交直播系統開發區塊鏈
- 區塊鏈IM社交直播軟體開發,即時通訊聊天系統開發區塊鏈
- 通過url動態獲取圖片大小方法總結
- jQuery實現設定字型大小程式碼例項jQuery
- Mac的QQ如何設定字型大小和顏色Mac
- 直播平臺軟體開發,Android 計時器,定時功能Android
- 直播平臺軟體開發,cocos lua --定時器的使用定時器
- Linux 通過lseek()來實現檔案大小的設定Linux
- 開發直播軟體需要走的流程
- 直播類app開發解決方案、直播app功能有哪些?-北京銳智互動軟體開發APP