零基础学做网站培训介绍

当前位置:

移动站meta标签怎么做网站初始化设置

我们做手机WAP移动站时,需要使用meta标签做网站初始化设置,这样手机网站就会符合手机浏览界面了。

以下是移动站meta标签怎么做网站初始化设置。

版面宽度初始化设置


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />

手机浏览器样式初始化


html, body ,div, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form,a,img,span,em,i,b,iframe,strong,label{ padding:0; margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{height:100%;/*overflow-x: hidden;*/}
html{-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;}
body{font-size: 16px;font-family:sans-serif; color: #000;background-color:#ececec;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display:block;}
ol,ul{ list-style: none; }
a{ text-decoration: none; color: #333; cursor: pointer;-webkit-touch-callout:none;}
em, i { font-style: normal; }
img{vertical-align:middle;border:none; -webkit-touch-callout:none;}
a,input, select, textarea,button { padding:0; margin:0;border: 0;outline: 0; border-radius: 0; -webkit-appearance: none;}
input:disabled{background-color: #fff;}
textarea{resize: none;}
table {border-spacing: 0;border-collapse: collapse;}

::-webkit-scrollbar {width: 3px; height:3px;background-color:transparent; }
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .298039);border-radius: 2px;}

::-webkit-input-placeholder { color: #666;opacity: 1;}
:-moz-placeholder {color: #666;opacity: 1;}
::-moz-placeholder {color: #666;opacity: 1;}
:-ms-input-placeholder {color: #666;opacity: 1;}
/*自适应*/
@media screen and (max-width: 680px) {
body{font-size: 100%;}
.wrap{width: 100%;}
}
@media screen and (max-width: 480px) {
body{font-size: 14px;}
.wrap{width: 100%;}
}
@media screen and (max-width: 359px) {
body{font-size: 12px;}
.wrap{width: 100%;}
}

相关阅读:

DW怎么做网站,DW建立网站方法

买了域名之后,自己怎么做网站

怎么做网站产品图片滚动展示功能

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 做网站时,上传了文件到网站空间里,如果需要移动文件的位置,可以通过FTP软件进行直接移动。以8uftp软件为例,可按以下步骤操作进行文件移动:
  • 使用wordpress建自适应网站时,要想在PC端网站与手机移动设备端网站显示不同的内容,就需要判断当前浏览设备是否为手机移动设备。如果是手机移动设备
  • 随着手机上网的人越来越多,做自适应手机网站越来越重要。对于wap手机网站的建设方法,学做网站论坛也有细致的课程讲解怎么建设手机网站。这个教程可
  • 很多使用WORDPRESS程序建网站的同学都苦于WP程序的分类目录的属性太少了,只有分类的标题,别名,描述。不能像文章模板里可以调用wordpress自定义栏目
  • 插件介绍使用Wordpress建网站,我们都用过文章的自定义栏目功能,通过这个功能可以给文章添加很多的属性参数。但分类目录却没有这个功能,分类目录
  • 我们做手机WAP移动站时,需要使用meta标签做网站初始化设置,这样手机网站就会符合手机浏览界面了。以下是移动站meta标签怎么做网站初始化设置。
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML文字倾斜标签是什么 (120617 次浏览)
    HTML文字倾斜标签是什么?我们在做网站时,有的文字需要倾斜显示,这时就需要使用HTML文字倾斜标签了。HTML斜体标签:HTML 斜体标签元素知识与
  • HTML换行标签:<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • DW图文混排怎么做 视频教程附件下载 (1110568 次浏览)
    课程中的案例网页下载:xwz.rardreamweaver 图文混排使用dreamweaver 图文混排,插入图片的时候会有一个对齐的选项,如左对齐,就是图片在左侧,
  • 自己怎么做一个机械公司网站,此款机械公司网站第一感觉就是干净,大方。使用的范围很广,可以用于机械公司企业站点使用。机械公司网站首页超大幻
  • 什么是淘客网站淘客网站是通过从淘宝推广专区获取商品代码,经过自己做网站放入这些代码链接,当有用户通过网站上的代码进入淘宝卖家店铺完成购买后
  • 学习了HTML教程,我们知道,现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 我们知道,网站伪静态可以形成静态页面,对于百度收录有着最大的好处。(相关知识:Discuz论坛后台SEO优化设置详细步骤)对于DISCUZ论坛程序实
  • 用wordpress程序建站时,往往很难去设置产品的大小、重量、单价等参数,好在wordpress有一个自定义栏目功能。我们可以通过wordpress自定义栏目给产品