網頁適配相關問題解決

2021-10-23 09:16:32 字數 1156 閱讀 5632

1、在網頁頭部加上meta標籤:

解釋:

meta可以深挖一下,有很多有意思的功能。

width=device-widthwidth為設定layout viewport 的寬度,為乙個正整數,」width-device」表示的寬度是裝置螢幕的寬度

initial-scale=1.0initial-scale為設定頁面的初始縮放值,可以是乙個帶小數的數字,1.0就是佔網頁的100%

minimum-scale=1.0表示最小的縮放比例

maximum-scale=1.0表示最大的縮放比例

user-scalable=no表示使用者是否可以調整縮放比例,值為」no」或」yes」

3、rem em px關係

正常1rem=16px,是因為在html標籤中,預設字型是font-size:16px,rem是根據根元素來的,只受根元素影響。為了方便使用,一般會·這麼設定:html;即將1rem=10px。

em根據父元素來。最終是根據body變化,隨著裡面的元素不斷巢狀,對於不同元素有了不同的父元素,所以在各個標籤中設定完font-size屬性後,em和px的換算也有所不同。(建議自己敲兩遍**試試),所以一般也是用來設定字型大小的。

4、流動布局(流式布局):

a.元素浮動,的那頁面大小改變,元素會自動調節,不建議使用;b.彈性布局,推薦;c.柵格布局,不那麼建議,沒必要為了乙個柵格布局特意引入boot檔案;d.**查詢,@media和@media screen,兩者在裝置的使用上沒有區別,但是@media screen在列印裝置上無用;e.根據螢幕大小引入不同樣式表,類似**查詢,如:,當然還可以不用html標籤。@import url("./css600px.css") screen and (max-device-width: 600px); (這種方法不推薦)

function

rpx(px)

//呼叫時:

rpx(25)

;//js改css可以設定,僅支援jsx語法。

gitlab問題解決相關操作

命令檢視 gitlab ctl tail 或者手動檢視 var log gitlab gitlab rails production.log日誌檔案 從中檢視問題的原因 etc gitlab gitlab.rb 1 修改 opt gitlab embedded service gitlab shel...

關於RECON NG相關問題解決

公升級kali後,自帶的recon ng也公升級到了5.1.1版本,變化還是很大的,最大的變化就是自帶模組的取消,即第一次啟動recon ng時是沒有任何模組的,都要自己install,5.x模組將原來的模組移到了單獨管理的 marketplace 中。第一次嘗試就出現了 unable to syn...

網頁左右晃動問題解決

不知道大家做網頁時候有沒有發現有個問題,網頁內容為margin 0 auto 居中時,開啟網頁的一瞬間網頁會向左擺一下,進了另乙個頁面時,網頁又會向右擺一下,然後又向左擺回來,如果經常在頁面中跳轉,會看得頭暈,原因是網頁的高度不夠時,右邊的滾動條是不會出來的,這裡網頁的寬要加上滾動條的寬,margi...