如何解決頁面存在多個iframe的螢幕自適應問題

2021-09-05 11:50:37 字數 632 閱讀 2292

最近在專案中發現,無論怎麼設定自適應標籤似乎都不起效果,本以為是自己寫法上面的問題,為此頭痛了好幾天,不知道啥原因,最終在調節iframe中元素寬度時發現,原來在頁面存在多個iframe的情況下,@media only screen and (max-width:1024px)似乎受到了iframe大小的影響,找到了原因似乎可以解決這個問題了。

1.主頁面布局:

2.針對iframe設定絕對布局,使頁面偽鋪滿整個視窗,這樣iframe裡的元素就會根據視窗大小來自適應,同理其他iframe也可以這樣設定來達到目的。

2.調整布局,還原原來的布局樣式,由於之前改變了iframe的樣式,會導致整個頁面有點變形,可以調節該iframe下的body等元素,來還原原來布局。

就這樣假裝iframe已經鋪滿全視窗的大小了- -!iframe就可以自適應的視窗大小了。

如何解決JSP頁面顯示亂碼問題

一 jsp頁面顯示亂碼 二 表單提交中文時出現亂碼 三 資料庫連線時出現亂碼 一 jsp頁面顯示亂碼 下面的顯示頁面 display.jsp 就出現亂碼 out.print jsp的中文處理 對不同的web伺服器和不同的jdk版本,處理結果就不一樣。原因 伺服器使用的編碼方式不同和瀏覽器對不同的字元...

如何解決JSP頁面顯示亂碼問題

下面的顯示頁面 display.jsp 就出現亂碼 out.print jsp中文處理 對不同的web伺服器和不同的jdk版本,處理結果就不一樣。原因 伺服器使用的編碼方式不同和瀏覽器對不同的字元顯示結果不同而導致的。解決辦法 在jsp頁面中指定編碼方式 gb2312 即在頁面的第一行加上 page...

如何解決JSP頁面顯示亂碼問題

一 jsp頁面顯示亂碼 下面的顯示jsp頁面 display.jsp 就出現亂碼 html head title jsp的中文處理 jsp的中文處理 body html 對不同的web伺服器和不同的jdk版本,處理結果就不一樣。原因 伺服器使用的編碼方式不同和瀏覽器對不同的字元顯示結果不同而導致的。...