lizhenqiu blog

-webkit  /*为Chrome/Safari*/
-moz  /*为Firefox*/
-ms   /*为IE*/
-o  /*为Opera*/

-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/
-moz-transform:rotate(-3deg); /*为Firefox*/
-ms-transform:rotate(-3deg); /*为IE*/
-o-transform:rotate(-3deg); /*为Opera*/
transform:rotate(-3deg); /*为nothing*/

-moz-border-radius: 12px; /* FF1-3.6 */
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=X8u8xx9GzO88EIydfLbTsvbK&v=1.0"></script>
 <div  id="map" style="border:1px solid #ccc; height:180px;"></div>

<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("map");
	map.centerAndZoom(new BMap.Point(<?php echo $longitude;?>,<?php echo $latitude;?>), 19);

	map.addControl(new BMap.ZoomControl());  //添加地图缩放控件
	var marker1 = new BMap.Marker(new BMap.Point(<?php echo $longitude;?>,<?php echo $latitude;?>));  //创建标注
	map.addOverlay(marker1);                 // 将标注添加到地图中
	//创建信息窗口
	var infoWindow1 = new BMap.InfoWindow("<?php echo $company;?><br><?php echo $address;?>");
	marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
	</script>

设置移动端的可视 name="viewport"

       <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

       width=device-width：等于屏幕的可是宽度 / 也可为整数（width=640）；
       
       initial-scale=1：页面的初始缩放值1倍；

       minimum-scale=1：允许页面最小的缩放值；

       maximum-scale=1：允许页面最大的缩放值；

       user-scalable=no：是否允许用户缩放，yes或no；

设置IE浏览器的兼容模式 http-equiv="X-UA-Compatible"

       <meta http-equiv="X-UA-Compatible" content="IE=edge">

       IE=edge：以最新版本的IE显示网页；

       IE=9 / IE=8 / IE=7：以IE9模式解析 / 以IE8模式解析 / 以IE7模式解析；

告诉搜索引擎，网站的主要内容 name="description"

       <meta name="description" content="这里填写网站主要的内容如：体育，nba，最大的nba咨询平台">(不益写太多，这样反而突出不了重点)

设置网页的作者 name="author"

       <meta name="author" content="王校长">

在移动设备上的一串数字会自动给你加上链接样式，而且点击还会自动拨号，我们可以使用 name="format-detection" 来控制

       <meta name="format-detection" content="telephone=no">

       telephone=no：禁止将数字转为拨号链接 / 值是yes则相反，默认是yes；

       email=no：禁止作为邮箱地址 / 值是yes则相反，默认是yes；

       adress=no：禁止跳转地图 / 值是yes则相反，默认是yes；

       值可以连写如：<meta name="format-detection" content="telephone=no,email=no,adress=no">

删除默认的苹果工具栏和菜单栏 name="apple-mobile-web-app-capable"

       <meta name="apple-mobile-web-app-capable" content="yes">

       yes是删除；

       no是不删除；(默认值是no)

控制手机最上面的状态栏显示样式(颜色) name="apple-mobile-web-app-status-bar-style"

       <meta name="apple-mobile-web-app-status-bar-style" content="black">

       black：设置为黑色 / 可以自己填其他颜色属性