-
box-size:border-box 可以處理padding撐過100%的問題查看全部
-
媒體布局的兩種書寫方式查看全部
-
媒體布局的兩種書寫方式查看全部
-
htmlWith/常數(shù)=rem值 width/rem值=實(shí)際rem查看全部
-
<!DOCTYPE html>
<html>
<head>
<title>mediaquery</title>
<style type="text/css">
.box{
width: 100%;
}
.inner:nth-child(1){
background-color: red;
}
.inner:nth-child(2){
background-color: blue;
}
.inner:nth-child(3){
background-color: red;
}
.inner:nth-child(4){
background-color: blue;
}
@media screen and (max-width: 750px) {
.inner{
width: 25%;
height: 100px;?
float: left;
}
}
@media screen and (min-width: 751px){
.inner{
width: 100%;
height: 100px;?
}
}
</style>
</head>
<body>
<div class="box">
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
</html>
查看全部 -
media query媒體查詢
查看全部 -
rem原理
查看全部 -
<link rel="stylesheet" type="text/css" media="screen and (max-width:320px)" href="main.css" />查看全部
-
nth-child()查看全部
-
@media screen and (min-height:321px){ }查看全部
-
一，移動(dòng)web開放與適配 1，常見移動(dòng)web適配方法：查看全部
-
移動(dòng)web開放與適配 1，跑在手機(jī)端的web頁(yè)面（H5頁(yè)面 什么是h5? ） 2，跨平臺(tái) （web端還可以跑 Android/安卓 和IOS/蘋果） 3，基于webview(webview 就是開放組件（瀏覽器） web 翻：網(wǎng)絡(luò) view 翻：試圖。) 特點(diǎn) 告別IE 4,更高的適配和性能要求 適配：手機(jī)端的根基手機(jī)大小而異。 性能：1，手機(jī)沒有pc（電腦）性能好2，手機(jī)上的網(wǎng)絡(luò)狀況不好的，沒pc端的網(wǎng)絡(luò)狀況穩(wěn)定。查看全部
-
rem是根據(jù)html的根元素判斷的查看全部
-
iphone6 視覺稿，，，設(shè)計(jì)標(biāo)注 比實(shí)際大一倍，，，retia 屏幕是高清屏，所以標(biāo)注會(huì)大一倍查看全部
-
設(shè)計(jì)圖 1600 傳入 參數(shù) 1600 20 ----》don_client = 1024 1024/1600 * 20 ------->let html[0] font-size ,sass pix2rem($px) $rem :20 return $px/$rem +rem;查看全部
舉報(bào)
0/150
提交
取消