每天一點小進步,background size

2021-07-04 08:11:01 字數 587 閱讀 6877

今天隨便理理最近開發中遇到的小麻煩吧。

移動端有時候我們不知道不同螢幕多大,可能我們會直接把一些諸如背景之類的寬度設定成百分之一百。但是這樣的情況下如果我們設定margin-left的話div就會超出螢幕。這時候解決方法其實很簡單,給父元素乙個padding值就能將他包括起來。換言之,我們可以考慮用padding來代替margin來使介面符合設計需求。

$(".washcar").live('click', function() );
最後來聊聊background-size吧。

通過修改這個值,我們可以調整背景的大小。

如果你設定background-size為兩個值,他會根據百分百在x軸y軸縮放擴大。比如100% 100%就是填滿整個區域。

background-size:contain可以自適應div的寬高比,但是如果比例不合適可能會填不滿螢幕導致有空白出來。

background-size:cover則相反,他會填滿螢幕但是可能會只顯示部分出來。

實際開發中可以跟background-position:center結合使用來使處在我們想要的位置。

每天一點小知識

常見的異常 nullpointerexception 空指標異常 出現的原因往往是使用null呼叫方法 arrayoutofbound ception 陣列下標越界異常 獲取陣列 集合中元素的時候,下標不合理就會出現該異常 classnotfoundexception 類找不到異常 往往是缺失jar...

每天進步一點 linux vi

1 今天 在乙個 大log 裡查詢 末尾 含有 outofmemoryerror 的錯誤日誌,又學習了一下 vi step1 vi log step2 outofmemoryerror step3 按回車 step4 按 n 或者 n 來查詢。注 以上的step2 也可以 outofmemoryer...

每天一點小知識2

每天一點小知識2 2020.12.16 wed 原部落格 1 getch 與getche 函式 鍵盤上讀取乙個字元。呼叫格式 getch 不會將讀入的字元回顯在螢幕上 getche 會將讀入的字元回顯在螢幕上 不同之處就在於getch 無返回顯示,getche 有返回顯示。2 getchar 鍵盤上...