iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览
生活随笔
收集整理的這篇文章主要介紹了
iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
所以此技術只適用于對兼容性沒有嚴格要求的一些項目。
三、結束語
其實很多效果,我們直接在結束當前頁面的window上下文預覽也沒什么,但是有一些效果就不行,例如,預覽針對響應式布局的media屏幕寬度查詢下的效果,必須是真實的窗體寬度才會觸發CSS查詢語句的執行,此時,只能在<iframe>中預覽,我們只要把<iframe>元素寬度設置到我們需要的大小就可以了,例如,需要預覽類似如下CSS代碼效果:
@media screen and (max-width:480px) {img { max-width: 100%; } }只要設置<iframe>元素寬度為480像素就可以了。
?
轉載于:https://www.cnblogs.com/xy2c/p/7501293.html
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux中的各种软件安装
- 下一篇: 2017年html5行业报告,云适配发布