-
rem 原理,字體單位,值根據HTML根元素大小而定,同樣可以作為寬度,高度等單位。
查看全部 -
pc端布局一般采用定寬,居中,盒子模型,定高,定寬,多用display:inline-block.
移動web 定高,寬度百分比。采用flex加媒體查詢布局
查看全部 -
移動web開發與適配。
查看全部 -
1rem=16px默認字體大小查看全部
-
移動web適配方法:
PC:960px/1000px 居中;
盒子模型,定高,定寬;
display:inline-block;
移動web:
定高,寬度百分比;
flex;
medis query(媒體查詢);
查看全部 -
ler htmlWidth = document.documentElement.clientWidth. || document.body.clienWidth;獲取屏幕寬度(viewport)
查看全部 -
獲取視窗高度
查看全部 -
<script>
//獲取視窗寬度
var?htmlWidth = socument.documentElement.clienWidth || documnet.body.clienWidth;
//測試獲取寬度
console.log(htmlWidth);
</script>
查看全部 -
rem的基準值就是html的fontSize
以iphone6為標準,width為375px,那么rem基準值就是37.5px,用想要的像素值除以這個標準就可以了 。
查看全部 -
1、width設置為100%是在設置padding-left或padding-right時屏幕的寬度不在是100%就會出現左右滾動(解決方法box-sizing:border-box)
2、設置一個元素絕對定位時,先設置它的父元素相對定位
3、background-size:contain
查看全部 -
1、sass語法
(1)定義一個sass變量
2、設置html的dome的fontsize
(1)獲取屏幕的寬度
(2)獲取html的dome節點
(3)利用獲取到的html節點的style的fontsize等于獲取到屏幕的寬度/10+“px”
3、&符號代表的是父元素
查看全部 -
1、rem
(1)1rem等于瀏覽器默認字體的大小,也可以利用ren設置寬、高
(2)通過設置html字體的大小來改變1rem等于多少個px
2、媒體查詢來設置字體大小
3、js設置字體大小
(1)獲取視窗寬度
document.documentElement.clientWidth || document.body.clientWidth
(2)獲取視窗的高度
document.getElementByTagName('html')[0]
查看全部 -
1、響應式布局
(1)百分比(最簡單)
(2)媒體查詢
@media screen and (max-width:320px){當他的寬度小于等于320px是適應}
@media screen and (min-width:321px)
當他的寬度大于等于321px時適應{}
查看全部 -
默認ipone6的設計稿
@function px2rem($px){
????$rem : 37.5px;
????@return ($px / $rem) +rem;
}
查看全部 -
嫫我用查看全部
舉報