@charset "gb2312";
/* CSS Document */


[html] view plaincopy在CODE上查看代码片派生到我的代码片

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />     
<meta name="apple-mobile-web-app-capable" content="yes" />    
<meta name="format-detection" content="telephone=no" />    

第一行：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
第二行：
设定iphone端页面全屏。
第三行：
取消数字被识别为电话号码。

如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
[html] view plaincopy在CODE上查看代码片派生到我的代码片

<meta name="viewport" content="width=device-width（这里是可以变化的，根据你的其他div的宽度来设置）, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />    

这样子写后，就可以把一些页头横幅等的图片的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。【要把width=device-width 中的device-width换成你中部设置的像素值，比如我的设置为1200px】 这样问题就解决了。

  
body
{
	color:#4049f1;
	font-family:"微软雅黑";
	font-size:14px;
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0 auto;
	clear:both;
}

a
{
	color:#f00;
	text-decoration:none;
}

a:hover
{
	color:#0a4593;
}

.outBox
{
	/*border:1px solid #F00;*/
	height:auto;
	padding:0 auto;
	margin:0 auto;	
}

.head
{
	background-image:url(../images/logo_di.jpg);
	background-repeat:repeat-x;
	height:111px;
}

.daohang
{
	/*border:1px solid #00F;*/
	width:1200px;
	margin:0px auto;
	margin-top:0px;
}

.logo
{
	width:460px;
	/*border:1px solid #0F0;*/
	float:left;
}

.caidan
{
	/*border:1px solid #0F0;*/
	width:60%;
	float:right;
	margin-top:12px;
}

.menu
{
	/*border:1px solid #F00;*/
	float:left;
	width:80%;
	margin-top:40px;
}

.menu a
{
	color:#f00;
}

.menu a:hover
{
	color:#0a4593;
}

.menu li
{
	float:left;
	padding-right:20px;
}

.second
{
	margin:0px auto;
	width:1660px;
}

#main
{
	position:absolute;
	z-index:1;
	top:111px;
	width:1660px;
	text-align:center;
}

#main div
{
	height:42px;
	padding:10px 30px 0px 30px;
}

#main a
{
	margin-right:35px;
}

.block
{
	display:block;
	background-image:url(../images/choose_di.png)/**/;
	background-repeat:repeat-x;
}

.unblock
{
	display:none;
}


.content
{
	/*border:1px solid #00F;*/
	width:1110px;
	margin:0px auto;
	margin-top:40px;
	margin-bottom:40px;
}

.nr_zuo
{
	float:left;
	width:256px;
	/*border:1px solid #F00;*/
	
}

.one
{
	background-image:url(../images/one.png)/**/;
	background-repeat:repeat-y;
	height:auto;
	overflow:hidden;
	padding-bottom:15px;
}

.s_logo
{
	padding:20px 0px 20px 20px;
}

.list
{
	line-height:30px;
	padding-left:30px;
}

.two
{
	background-image:url(../images/two.jpg)/**/;
	background-repeat:no-repeat;
	height:160px;
	line-height:39px;
	padding-top:80px;
	padding-left:10px;
}

.three
{
	background-image:url(../images/three.jpg)/**/;
	background-repeat:no-repeat;	
	height:350px;
	padding:68px 8px 0px 10px;
	line-height:30px;
}

.three span
{
	font-size:18px;
	color:#0a4593;
}

.nr_you
{
	float:right;
	width:807px;
	/*border:1px solid #F00;*/
}

.b_logo
{
	background-image:url(../images/you_di.jpg)/**/;
	background-repeat:no-repeat;
	height:53px;
	overflow:hidden;
}

.b_zuo
{
	font-size:16px;
	color:#4049f1;
	margin-top:15px;
	margin-left:15px;
	float:left;
}

.b_zuo span
{
	font-weight:bold;
}

.b_you
{
	float:right;
	margin-top:15px;
	margin-right:15px;
	color:#FFF;
}

.b_you a
{
	color:#FFF;
}

.b_you a:hover
{
	color:#e08a00;
}

.tupian
{
	background-color:#d8ebf3;
}

/* clearfix */
.clearfix{ *zoom:1;}
.clearfix:after{ display:table; line-height:0; content:""; clear:both;}

/* public.omission */
.fl{ float:left;}            .fr{ float:right;}            .tc{ text-align:center;}      .tr{ text-align:right;} 
.fb{ font-weight:bold;}      .f12{ font-size:12px;}        h3{ font-weight:normal;}      .listop{ padding-top:15px;}
.mr10{ margin-right:10px;}   .mr15{ margin-right:15px;}    .mL10{ margin-left:10px;}     .mL15{ margin-left:15px;}
.mt10{ margin-top:10px;}     .mt15{ margin-top:15px;}      .mb10{ margin-bottom:10px;}   .mb15{ margin-bottom:15px;}

/* weiduduan */
.weiduduan{ width:880px; margin:15px auto 0 auto;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:780px;margin:0 auto;}
.scroll{width:730px;color:#333333;margin:0 auto;overflow:hidden;background-color:#d8ebf3; padding:20px 20px 10px 20px;text-align:center;}
.scroll img{border:solid 1px #ddd;margin:0 5px;margin-bottom:12px;}
.scroll a:hover img{border:solid 1px #0a4593;}

.er
{
	margin-top:20px;
}

.wenzi
{
	background-color:#ffffff;
	line-height:30px;
	padding:10px;
}






.wenzi li
{
	float:left;
	padding-left:14px;
	padding-top:10px;
	text-align:center;
	line-height:50px;
}

.newlist
{
	background-color:#0f0;
	line-height:37px;
	padding:15px;
}

.newlist li
{
	border-bottom:1px dashed #999;
	overflow:hidden;
}

.list_zuo
{
	float:left;
}

.list_you
{
	float:right;
}

.page
{
	text-align:center;
	margin:30px 0px 20px 0px;
	line-height:30px;
}

.foot
{
	/*border:1px solid #F0F;*/
	background-color:#5568b1;
}

.banquan
{
	margin:0px auto;
	/*border:1px solid #FF0;*/
	width:1100px;
	padding:40px 0px;
}

.f_zuo
{
	float:left;
	/*border:1px solid #F0F;*/
	width:68%;
}

.f_you
{
	float:right;
	/*border:1px solid #F0F;*/
	width:25%;
	margin-top:60px;
}

.f_z_zuo
{
	float:left;
	/*border:1px solid #F0F;*/
	width:45%;
	color:#d1eaf7;
}

.biaoqian
{
	margin-bottom:15px;
}

.neirong
{
	border-top:1px solid #d1eaf7;
	padding-top:15px;
	line-height:25px;
}

.f_z_you
{
	float:right;
	/*border:1px solid #F0F;*/
	width:45%;
	color:#d1eaf7;
}

.f_y_zuo
{
	float:left;
	width:130px;
}

.f_y_you
{
	float:right;
	width:109px;
}

.f_y_y_zuo
{
	float:left;
	width:37px;
}

.f_y_y_you
{
	float:right;
	width:36px;
}

.clear
{
	clear:both;
}