-
box-size:border-box 可以处理padding撑过100%的问题查看全部
-
媒体布局的两种书写方式查看全部
-
媒体布局的两种书写方式查看全部
-
htmlWith/常数=rem值 width/rem值=实际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){ }查看全部
-
一，移动web开放与适配 1，常见移动web适配方法：查看全部
-
移动web开放与适配 1，跑在手机端的web页面（H5页面 什么是h5? ） 2，跨平台 （web端还可以跑 Android/安卓 和IOS/苹果） 3，基于webview(webview 就是开放组件（浏览器） web 翻：网络 view 翻：试图。) 特点 告别IE 4,更高的适配和性能要求 适配：手机端的根基手机大小而异。 性能：1，手机没有pc（电脑）性能好2，手机上的网络状况不好的，没pc端的网络状况稳定。查看全部
-
rem是根据html的根元素判断的查看全部
-
iphone6 视觉稿，，，设计标注 比实际大一倍，，，retia 屏幕是高清屏，所以标注会大一倍查看全部
-
设计图 1600 传入 参数 1600 20 ----》don_client = 1024 1024/1600 * 20 ------->let html[0] font-size ,sass pix2rem($px) $rem :20 return $px/$rem +rem;查看全部
举报
0/150
提交
取消