手机网站开发心得

<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
如果不加以上设置,在手机ie浏览器下,table会出问题,所有的td将会当一行来显示。

以下所有的css在几大浏览器下,支持都还好。分别为safari,chrome,uc,qq,ie下,浏览器都正常。
@charset "utf-8";
/* 网站基本样式 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td { margin:0; padding:0; line-height:20px; font-size:13px; color:#333333; font-family:arial,sans-serif;margin:0 0px 0px 0px;}
a {color:#1F376D;text-decoration:none;}
a:hover {color:#1F376D;text-decoration:underline;}
.small{font-size:12px;}

table { border-collapse:collapse; border-spacing:0;}
#table td {line-height: 20px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EDEDED;}
.trRowBg_1 {background-color: #F8FAFC;}
.tRight {text-align:right;}
fieldset, img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
#headArea{background-image: url(/css/skin/blue/imgs/main_head.gif); height:42px; }/*信息logo*/
#headArea span{ text-align:center;color:#00699B;font-size:18px; font-font-weight:bold;}
#nav{font-size:15px;font-weight:bold; border-bottom:1px solid #579bdf;}/*导航*/
#navTop{background-image: url(/css/skin/blue/imgs/nav.gif);font-size:20px;height:22px; font-weight:bold;}/*导航*/
#navTop .navTopCurrent{ background-color:white;}
p.nav{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:22px; border-top:1px solid #579bdf;font-size:16px;}
p.context{clear:both;margin:0 3px 5px;line-height:22px; font-size:14px;}
.cBlue,.cBlue:visited,.cBlue a{color:#1e50a2;}
p.h2 .nav{color:#bdd7f2;}
.title{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:19px; margin:0 0 2px 0;font-size:18px; border-bottom:1px solid #579bdf;}/*内容标题*/
.lsTit{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:19px; margin:0 0 5px 0;font-size:16px; }/*列表标题*/
.titleColor{color:#1e50a2;}/*标题颜色*/
.context{line-height:19px; margin:0 5px 3px;}/*内容布局*/
.contentP {background:url("/css/skin/blue/imgs/a_dot.gif") no-repeat scroll left 5px transparent; padding-left:8px;}/*内容分隔*/
#fav p { border-bottom:1px dashed #579bdf;}/*收藏夹*/
.line_dotted {background:url("/css/skin/blue/imgs/line_dotted.gif") repeat scroll 0 0 transparent;font-size:0;height:1px;line-height:0;overflow:hidden;}/*分隔线* /
.areaColor{color:#FF6600;}/*区域导航选中颜色*/
.areaNav{margin:5px 3px 3px; font-size:14px; border-bottom:1px solid #579bdf;}/*区域导航设置*/
.rebateColor{color:#FF6600;}/*打折颜色设置*/
.rebateNav{margin:5px 3px 3px; font-size:14px; border-bottom:1px solid #579bdf;}/*打折导航设置*/
.rebateConP{background:url("/css/skin/blue/imgs/a_dot.gif") no-repeat scroll left 5px transparent; padding-left:8px;border-bottom:1px dashed #579bdf;}/*区域导航设置*/
.rebateText{line-height:19px; margin:0 5px 3px;border-bottom:1px dashed #579bdf;}
.lsText{margin:0 0px 5px;border-bottom:1px solid #579bdf;font-size:14px;}/*列表文本信息*/
.rebateColor{color:#000;}

/*---分页S---*/
#pagination_box {clear: both;overflow: hidden;height: 18px;text-align: left;margin-top: 5px;zoom: 1;line-height: 18px;}
#pagination_box a {border: 1px solid #BACBDD;margin-right: 1px;margin-left: 2px;padding-top: 0px;padding-right: 2px;padding-bottom: 0px;padding-left: 2px;overflow: hidden;font-family: "宋体";}
#pagination_box a:link {color: #497098;}
#pagination_box a:visited {color: #497098;}
#pagination_box a:hover {color: #FFFFFF;background-color: #658CB4;text-decoration: none;}
#pagination_box a:active {color: #497098;}
#pagination_box .currentlyPage:link {color: #ffffff;background-color: #658CB4;}
#pagination_box .currentlyPage:visited {color: #ffffff;background-color: #658CB4;;}
#pagination_box .currentlyPage:hover {color: #ffffff;background-color: #658CB4;}
#pagination_box .currentlyPage:active {color: #ffffff;background-color: #658CB4;}
#pagination_box .PB_input {width: 18px;overflow: hidden;border: 1px solid #CCCCCC;vertical-align: middle;}
#pagination_box .PB_but {cursor: hand;padding-left: 1px;vertical-align: middle;padding-bottom: 2px;margin-top: 2px;}
/*---分页E---*/
/* CSS Document */

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值