css布局手机端移动端答题测试代码-html代码-BFW代码库

css布局手机端移动端答题测试代码

代码语言：html

代码描述：css布局手机端移动端答题测试代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-cn">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <style>
        html,body{
    	margin:0;
    	padding:0;
    	color:#000;
    	-webkit-tap-highlight-color:rgba(0,0,0,0);
    	border:none
    }
    @media screen and (max-width:480px) and (min-width:320px){
    	body{
    	font-size:16px
    }
    
    }
    @media screen and (max-width:540px) and (min-width:480px){
    	body{
    	font-size:22px
    }
    
    }
    @media screen and (min-width:541px){
    	body{
    	font-size:26px
    }
    
    }
    html,body{
    	text-align:center;
    	width:100%;
    	height:100%;
    	font-family:arial;
    	margin:0px;
    	padding:0px
    }
    .title-area{
        position:relative;
    }
    .main{
    	width:100%;
    	height:100%;
    	display:block;
    	overflow-y:scroll
    }
    #head-img{
    	position:absolute;
    	left:0;
    	top:0;
    	width:100%;
    	height:60px
    }
    #wenti{
    	margin-top:70px;
    	text-align:center;
    
    	width:100%
  .........完整代码请登录后点击上方下载按钮下载查看