頁面寬度自適應 jquery動態設定css樣式

2022-09-25 05:18:09 字數 840 閱讀 8425

最近在做專案的時候,客戶要求點選父頁面的乙個按鈕以後,整個父頁面向左移動,左側則用來顯示,這樣使用者可以照著左側在頁面上填一些資訊。結果可能在最初程式設計客棧是設計的時候就有問題,設計的樣式是這樣的,點選父頁面(頁面寬度設定為100%)上的乙個按鈕整個頁面往右側移動頁面比例為原來的50%,左側彈出乙個dialog頁面,佔整個頁面的50%,結果dialog和原頁面不在乙個層上,dialog直接彈出的,並不在div裡邊,且dialog好像不能設定百分比,只能設定具體的畫素,所以在尺寸不同的電腦上,dialog和原頁面之間的寬度不一樣。結果問了一下ui工程師,工程師的解決辦法是:

複製**

**如下:

function viewpictures() /upload/showbigimagereport/null?idnumber=$&applyid=$&imgtype=null&restype=customservice&sign=";

parent.$.ligerdialog.open();

/* $("#bankstatement"). css();

$("#pepolebankreport"). css();

$("#othersinfo"). css(); */

$("#entirety"). css();

} 即再開啟dialog窗體的時候,將網頁可見區域寬(width:document.body.clientwidth)-dialog本身的寬度(710)然後讓原頁面右漂浮,面的昂算是解決了,但原來要求的比例實現不了了,暫時只有這麼解決了,不知道各位還有其他想法嗎?

本文標題: 頁面寬度自適應 jquery動態設定css樣式

本文位址: /web/css/81348.html

meat搞定HTML頁面寬度自適應

最近在搞wap2.0,才發現越是簡單的東西越是難!這不,今天又發現問題了 頁面傳至伺服器後預覽頁面不能自適應手機寬度,總是呈現網頁版大小!文字小的看都看不清!問了公司技術人員,學習了一下,原來簡單的一句meat就能解決問題啦 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏...

Javascript頁面寬度高度

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

WebView寬度自適應

webview寬度自適應 用webview元件顯示普通網頁時一般會出現橫向滾動條,這樣會導致頁面檢視起來非常不方便。其實通過設定websettings的屬性可以輕易地解決此問題,不過此設定隱藏的比較深,一般很少人會用到。12 websettings webview.getsettings webse...