iframe內嵌網頁踩坑合集

2021-09-05 11:07:25 字數 1372 閱讀 5874

當ios遇到iframe出現的問題調研

ios對iframe的相容性較差

部署為https的位址,不能開啟內嵌http的iframe

ios的iframe寬度bug

ios下的safari是按照iframe裡面頁面元素的全尺寸來調整iframe的大小的。

輪播效果的實現原理是將所有的幻燈片都放到乙個塊裡面,然後設定溢位隱藏,在ios的iframe下,結合上面第一條原因,就會將iframe撐得很大。

在iframe上設定以下樣式

iframe

同時設定scrolling屬性為』no』。

height

="950"

width

="100%"

scrolling

="no"

src="content.html"

>

iframe

>

實際運用上

設定scrolling="no"會導致安卓機上不能滾動

需要按裝置判斷

vue專案下的實現**如下

:class

="boxclass"

>

frameborder

="0"

:src

="this.$route.query.weburl"

id="iframe"

:scrolling

="scrolling"

marginwidth

="0"

marginheight

="0"

align

="center"

:class

="iframeclass"

>

iframe

>

div>

data()

},created()

else},

mounted()

,activated()

);}else

else}}

},computed:

,iframeclass()

,scrolling()

},

//ios

.ios-iframe

//an

.an-iframe

報錯

1.不允許巢狀

refused to display 『url』 in a frame because it set 『x-frame-options』 to 『deny』.

better scroll踩坑合集

better scroll github 最近專案使用了better scroll這個外掛程式,這個外掛程式用起來還是有不少問題的。除了普遍會遇到的無法滾動 無法點選等問題,這些作者都已經說得很清楚了。下面說說我遇到的其他問題及解決方法。1.無法響應滑鼠滾輪滾動 無法點選大家都知道了,在建立bscr...

jsp 內嵌網頁內容 iframe

3jflinux聯盟src 檔案的路徑,既可是html檔案,也可以是文字 asp等 3jflinux聯盟width height 畫中畫 區域的寬與高 3jflinux聯盟scrolling 當src的指定的html檔案在指定的區域不顯不完時,滾動選項,如果設定為no,則不出現滾動條 如為auto ...

django後端踩坑合集

解決 在我們建立的專案裡修改setting.py檔案 allowed hosts 在這裡請求的host新增了 在 init py中加 import pymysql pymysql.version info 1,3,13,final 0 pymysql.install as mysqldb 解決方法 ...