挪动页面自适应手提式有线电话机荧屏肆类措施,移动端布局方法

By admin in 4858美高梅 on 2019年5月3日

小结个人运用过的移位端布局方法

2017/07/20 · CSS · 1
评论 ·
布局,
移动端

原稿出处: yiiouo   

那篇小说,首倘若总计一下,小编在移动端布局用过的主意。有二种,1种是响应式布局,利用@meida剖断各类size;第一种是REM;最终是设置viewport中的width。

挪动页面自适应手提式有线电话机荧屏肆类措施,移动端布局方法。那篇小说,首若是总计一下,在运动端布局用过的法子。有三种,一种是响应式布局,利用@meida决断各类size;第一种是REM;最后是设置viewport中的width。

关键介绍三种运动端布局方法:
    1. 响应式布局,利用@meida判别各类size。
    1. REM
    1. 设置viewport中的width

1、使用meta标签:viewport

响应式布局

那种感到是最棒领悟了,利用@media进行断点,在各样断点中编辑css。

@media (max-width:768px){ //css }

1
2
3
@media (max-width:768px){
    //css
}

地点那段代码,在浏览器的上升的幅度低于76捌时有效。同理,借使把max换成min,就能造成高于76⑧时有效。能够安装宽度,也足以安装高度,也能够同时设置七个值。

在MDN,@media上,开采好多值都足以做判别的。宽,高,宽高比,颜色(那个是钦定输出设备每一个像素单位的比特值),是或不是横屏或竖屏,还有不少,能够去MDN看看。

响应式布局

一、响应式布局

  • 这种以为是最棒通晓了,利用@media进行断点,在各样断点中编辑css。

    @media (max-width:768px){
    //css
    }

下边那段代码,在浏览器的宽窄低于76八时一蹴而就。同理,如若把max换到min,就能成为高于76八时有效。能够设置宽度,也得以设置高度,也足以而且安装多少个值。
在MDN,@media上,开掘多数值都足以做判定的。宽,高,宽高比,颜色(那几个是钦赐输出设备各类像素单位的比特值),是不是横屏或竖屏,还有不少,能够去MDN看看。@meida还足以依赖媒体类型实行断点。

  • 看多少个基于媒体类型举行的断点:

    @media (max-width:1000px){
        div{background:blue;}
    }
    @media (min-width:1000px) and (max-width:1150px){
        div{background: yellow;}
    }
    @media only screen and (max-width:1150px){
        div{border:solid 1px;}
    }
    @media not print and (max-width:1150px){
        div{border-radius:50%;}
    }
    

分级代表:
当浏览器宽度低于1000px时
当浏览器宽度大于一千px 和 小于1150px时
当在显示屏上显示 和 宽度小于1150px时
除此而外在打字与印刷上出示外 和 宽度小于1150px时

  • @media还能够用在link标签上。

    <link rel="stylesheet" href="css/1.css" media="(max-width:500px)"/>
    

当浏览器宽度低于500px时,壹.css的体制才会有意义。但那不代表大于500px时,就没加载了壹.css。使用了@media属性后,只会让您当规则相符了,才让对应的css文件有成效。而且用那种办法有三个好处,就是毫无在css里写@media。

H伍移动端页面自适应广泛接纳的法子,理论上讲使用这些标签是可以适应全数尺寸的显示屏的,但是各器材对该标签的解释情势及援助程度不一产生了无法协作全体浏览器或系统。

媒体类型

@meida还是能够依照媒体类型实行断点。

  • all,全数设备
  • print,打印
  • screen,彩色的计算机显示器
  • speech,不通晓如何来的。

那种以为是最佳精通了,利用@media进行断点,在各种断点中编辑css。

二、REM

REM那一个单位,会依据html的font-size大小举办转移。

html{font-size:100px;}
p{padding-top:.5rem;}

转移后p的padding-top正是50px了。只要大家进行适量的计算,当前荧屏的增长幅度,html的font-size是有点px就OK了。

  • 如何计算当前html的font-size值
    譬如,我们得到的设计稿是750px,那就设置成当显示屏宽度是750的时候,html的font-size正是拾0px(当然那个100px你能够Infiniti制安装的,作者设置成100px只是有利本身总结),然后就依据当前显示屏的上涨的幅度/ 750 * 100,就获得了现阶段显示屏宽度的font-size值。

    (function (doc, win) {
        var docEl = doc.documentElement,
              resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
              recalc = function () {
                  var clientWidth = docEl.clientWidth;
                  if (!clientWidth) return;
                  docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
              };
    
         if (!doc.addEventListener) return;
         win.addEventListener(resizeEvt, recalc, false);
         doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    
  • Taobao移动端REM,引进二个flexible.js。是基于dpr去总结,而且会进展全体的缩放。

viewport 是用户网页的可视区域。翻译为华语能够称呼”视区”。

关键字

@media (max-width:1000px){ div{background:blue;} } @media
(min-width:1000px) and (max-width:1150px){ div{background: yellow;} }
@media only screen and (max-width:1150px){ div{border:solid 1px;} }
@media not print and (max-width:1150px){ div{border-radius:50%;} }

1
2
3
4
5
6
7
8
9
10
11
12
@media (max-width:1000px){
    div{background:blue;}
}
@media (min-width:1000px) and (max-width:1150px){
    div{background: yellow;}
}
@media only screen and (max-width:1150px){
    div{border:solid 1px;}
}
@media not print and (max-width:1150px){
    div{border-radius:50%;}
}
  • and,就是‘和’的意趣,前后七个规格都实现时
  • only,唯一
  • not,除外

上边5个@media,分别的意义是:

  1. 当浏览器宽度低于一千px时
  2. 当浏览器宽度大于一千px 和 小于1150px时
  3. 当在显示器上呈现 和 宽度小于1150px时
  4. 除此之外在打字与印刷上出示外 和 宽度小于1150px时

@media (max-width:768px){

三、设置viewport中的width

便是定死viewport中的width大小,比方设计稿是750的,然后就在代码上写:

 <meta name="viewport" content="width=750"/>

本身在iphone7,小米5s,谷歌(Google)浏览器模拟的iphone陆plus上,字体颜色都以色情的。所以@media媒体询问是无力回天选拔的,因为早已将小幅度定死了。而REM方案却足以运用媒体询问的。因为运动端有无数意外的大小,而且在分裂的浏览器依旧微信上,中度都以例外的,所以也许会产生间距有十分的大的主题素材。

手提式有线电话机浏览器是把页面放在1个虚拟的”窗口”(viewport)中,通常那几个编造的”窗口”(viewport)比显示屏宽,那样就绝不把每种网页挤到相当的小的窗口中(那样会破坏未有指向手提式有线话机浏览器优化的网页的布局),用户能够通过移动和缩放来看网页的比不上部分。

按需‘加载’css

@media还是能用在link标签上。

<code> <link rel=”stylesheet” href=”css/1.css”
media=”(max-width:500px)”/> </code>

1
2
3
<code>
  <link rel="stylesheet" href="css/1.css" media="(max-width:500px)"/>
</code>

当浏览器宽度低于500px时,1.css的样式才会有效应。但那不代表大于500px时,就没加载了1.css。使用了@media质量后,只会让您当条件符合了,才让对应的css文件有成效。而且用那种措施有3个便宜,就是永不在css里写@media

4858美高梅 1

    //css

对照总计:

  • 响应式的利害

    • 亮点:包容性好,@media在ie九以上是帮衬的,PC和MOBILE是同样套代码的,不用分开。
    • 症结:要写得css相对其余四个多浩大,而且各类断点都要搞好。css样式会稍微大点,更麻烦。
  • REM优缺点

    • 可取:能维持能全体的布局功效,移动端包容性好,不用写四个css代码,而且还足以应用@media举行优化。
    • 症结:起首要引进1段js代码,单位都要改成rem(font-size能够用px),总结rem相比较困苦(能够引用预管理器,不过扩充了编写翻译进程,绝对艰巨了点)。pc和mobile要分离。
  • 设置viewport中的width

    • 优点:和REM同样,而且并非写rem,间接利用px,更高效。
    • 症结:效果说不定没rem的好,图片大概会绝对模糊,而且不能够运用@media举行断点,分歧size的无绳电话机上出示,中度间距恐怕会迥然分化。

viewport标签极其属性:

平日响应式网址的支出

平常响应式网址的费用,作者都会先相比PC和MOBILE的设计稿,看看有如何界别,然后才举办编辑css。通常都是行使flex。宽度尽量用百分比,间距、高度、字体大小使用
em,就可以很有利的拓展高低的操纵。

}

大概看档案的次序要求,再决定采纳哪个种类方案,假使就手提式有线电话机站的话,小编使用REM比较多。假设对相差比较正确来讲,多量css三动画的,就利用第三种。

参考总计个人选择过的移动端布局方法

各类属性的详实介绍:

REM

REM这一个单位,会依靠html的font-size高低举行改动。

html{font-size:100px;} p{padding-top:.5rem;}

1
2
html{font-size:100px;}
p{padding-top:.5rem;}

.5rem = 50px / 100

转换后p的padding-top就是50px了。只要我们开始展览适量的计量,当前荧屏的宽度,html的font-size是多少px就OK了。

地方那段代码,在浏览器的大幅低于76八时有效。同理,即使把max换来min,就能够成为高于76捌时有效。能够安装宽度,也得以安装中度,也足以同时设置四个值。

属性名

怎么着计算当前html的font-size值

譬如说,我们获得的设计稿是750px,那就设置成当显示器宽度是750的时候,html的font-size就是100px(当然那几个十0px你能够任意安装的,小编设置成100px只是福利笔者总括),然后就依照近期荧屏的宽度
/ 750 * 100,就拿走了当下显示器宽度的font-size值。

//当前显示屏宽度 / 750 = 当前显示屏宽度的font-size / 十0 //代码如下
(function (doc, win) { var docEl = doc.documentElement, resizeEvt =
‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’, recalc =
function () { var clientWidth = docEl.clientWidth; if (!clientWidth)
return; docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px’; }; if
(!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc,
false); doc.addEventListener(‘DOMContentLoaded’, recalc, false);
})(document, window);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//当前屏幕宽度 / 750 = 当前屏幕宽度的font-size / 100
//代码如下
(function (doc, win) {
    var docEl = doc.documentElement,
    resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’,
    recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px’;
    };
  
    if (!doc.addEventListener) return;
       win.addEventListener(resizeEvt, recalc, false);
       doc.addEventListener(‘DOMContentLoaded’, recalc, false);
})(document, window);

地点那段代码,是一直遵照荧屏宽度实行总计font-size的。而Taobao移动端REM方案,还依靠你的dpr去总结,而且会开始展览总体的缩放。天猫商城的那种方案,比上边的代码会好过多。

4858美高梅 2

4858美高梅 3

世家只顾边框的轻重缓急。第三张图的边框是比第二张图的小的,七个都以border:solid 1px。别的的边距都以均等。Tmall的方案,化解了另3个主题素材:边框一px的主题材料。

世家能够张开以下链接,看看实际的功力:

率先种方案

第一种方案

在MDN,@media上,开掘诸多值都得以做剖断的。宽,高,宽高比,颜色(那一个是点名输出设备每一种像素单位的比特值),是还是不是横屏或竖屏,还有许多,能够去MDN看看。

取值

天猫商城移动端REM

其1相当的粗略,只供给加载js就好了

<code> <script
src=”;
</code>

1
2
3
<code>
  <script src="http://g.tbcdn.cn/mtb/lib-flexible/%7B%7Bversion%7D%7D/??flexible_css.js,flexible.js"/>
</code>

下一场在css中,将px转为rem就好了。小编是用scss的,所以写个函数就好了。

@function s($px) { <a
href=”;
($px / 75) * 1rem; } p{ font-size:s(40);padding-left: s(52); }

1
2
3
4
5
6
@function s($px) {
    <a href="http://www.jobbole.com/members/wx1409399284">@return</a> ($px / 75) * 1rem;
}
p{
    font-size:s(40);padding-left: s(52);
}

比如p的font-size在750的设计稿是40px,然后s(40)就OK了。

媒体类型

描述

设置viewport中的width

那种方案,就是定死viewport中的width大小。

举个例子设计稿是750的,然后就在代码上写:

<code> <met name=”viewport” content=”width=750″/>
</code>

1
2
3
<code>
  <met name="viewport" content="width=750"/>
</code>

大家用一样的页面,看看效果是何许

4858美高梅 4

链接:其三种方案

功能和第三种是同一的,在手提式有线电话机上看也是。

.top{ display: flex;align-items:center;padding:50px 0
113.5px;justify-content:space-between;width:100%; p{
font-size:40px;padding-left:52px; } img{ width:71.5px;height:
71.5px;display: block;margin-right: 63.5px; } }

1
2
3
4
5
6
7
8
9
.top{
    display: flex;align-items:center;padding:50px 0 113.5px;justify-content:space-between;width:100%;
    p{
        font-size:40px;padding-left:52px;
    }
    img{
        width:71.5px;height: 71.5px;display: block;margin-right: 63.5px;
    }
}

而代码是一向动用px的,定死的。

感觉从效益上来看,是很完善的,可是怎么不是那种方法最盛行?

@media screen and (max-width:360px){ .box{color:red;} } @media screen
and (max-width:520px){ .box{color:black;} } @media screen and
(max-width:750px){ .box{color:yellow;} }

1
2
3
4
5
6
7
8
9
10
11
@media screen and (max-width:360px){
    .box{color:red;}
}
 
@media screen and (max-width:520px){
    .box{color:black;}
}
 
@media screen and (max-width:750px){
    .box{color:yellow;}
}

自己在iphone7,摩托罗拉伍s,谷歌(Google)浏览器模拟的iphone六plus上,字体颜色都以黄色的。所以@media传播媒介询问是无力回天运用的,因为已经将小幅度定死了。而REM方案却得以选择媒体询问的。因为移动端有不少意想不到的大小,而且在不相同的浏览器还是微信上,中度皆以见仁见智的,所以只怕会产生间距有异常的大的难点。

window.screen.width

1
window.screen.width

用js,能够得到当前设施的肥瘦。

@meida还足以依靠媒体类型进行断点。

width

4858美高梅 ,对照三种方法

all,全部设备

正整数或device-width

响应式的利弊

优点:包容性好,@media在ie玖之上是支撑的,PC和MOBILE是一律套代码的,不用分开。

症结:要写得css绝对其余七个多浩大,而且各类断点都要搞好。css样式会稍微大点,更麻烦。

print,打印

概念视口的增幅,单位为像素

REM优缺点

可取:能保全能完整的布局功效,移动端包容性好,不用写多少个css代码,而且仍可以够动用@media实行优化。

缺陷:开端要引进1段js代码,单位都要改成rem(font-size能够用px),总括rem比较麻烦(能够引用预管理器,可是扩充了编译进程,相对费力了点)。pc和mobile要分开。

screen,彩色的Computer显示屏

height

设置viewport中的width

可取:和REM同样,而且并非写rem,直接选取px,特别急速。

症结:效果或许没rem的好,图片大概会相对模糊,而且不能够利用@media举办断点,差异size的手提式有线电电话机上海展览中心示,中度间距可能会距离十分的大。

speech,不知道怎么样来的。

正整数或device-height

总结

要么看档案的次序必要,再决定选择哪一类方案,若是就手提式有线电电话机站的话,笔者使用REM相比多。要是对相差相比较确切来讲,大批量css三动画的,就利用第三种。

1 赞 16 收藏 1
评论

4858美高梅 5

关键字

概念视口的万丈,单位为像素,一般不用

@media (max-width:1000px){

initial-scale

    div{background:blue;}

[0.0-10.0]

}

概念初叶缩放值

@media (min-width:1000px) and (max-width:1150px){

minimum-scale

    div{background: yellow;}

[0.0-10.0]

}

概念收缩最小比例,它必须低于或等于maximum-scale设置

@media only screen and (max-width:1150px){

maximum-scale

    div{border:solid 1px;}

[0.0-10.0]

}

概念放大最大比例,它必须大于或等于minimum-scale设置

@media not print and (max-width:1150px){

user-scalable

    div{border-radius:50%;}

yes/no

}

概念是还是不是允许用户手动缩放页面,暗中认可值yes

and,正是‘和’的乐趣,前后五个规范化都落得时

2、使用css3单位rem

only,唯一

rem是CSS三新添的贰个争执单位(root
em,根em),使用rem为成分设定字体大小时,是绝对大小,但针锋相对的只是HTML根成分。通过它既能够达成只修改根成分就成比例地调节具备字体大小,又有啥不可防止字体大小逐层复合的相关反应。

not,除外

近年来,除了IE8及更早版本外,全数浏览器均已援救rem。对于不帮衬它的浏览器多写三个万万单位的宣示。这个浏览器会忽略用rem设定的字体大小。下边就是3个例子:

地点陆个@media,分别的功力是:

p {font-size:14px;font-size:.875rem;}

当浏览器宽度低于1000px时

暗中认可html的font-size是1陆px,即一rem=1陆px,假设某div宽度为3贰px您能够设为贰rem。

当浏览器宽度超越一千px 和 小于1150px时

常见意况下,为了便利总括数值则选取6二.5%,即暗许的拾px看成基数。当然这几个基数可认为别的数值,视具体情况而定。设置格局如下:

当在显示屏上海展览中心示 和 宽度小于1150px时

Html{font-size:62.5%(10/16*100%)}

除了在打字与印刷上显得外 和 宽度小于1150px时

具体差异荧屏下的规则定义,即基数的概念方式:能够透过CSS定义,差别幅度范围里定义分化的基数值,当然也足以因而js3次定义方法如下:

按需‘加载’css

file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif

@media还是能用在link标签上。

(function(doc, win) {

当浏览器宽度低于500px时,壹.css的体制才会有成效。但那不代表大于500px时,就没加载了壹.css。使用了@media属性后,只会令你当规则适合了,才让对应的css文件有功力。而且用那种格局有二个功利,正是不要在css里写@media。

vardocEl = doc.documentElement,

平常响应式网站的成本

resizeEvt =’orientationchange’ in window ? ‘orientationchange’ :
‘resize’,

平生响应式网址的付出,笔者都会先相比较PC和MOBILE的设计稿,看看有哪些差距,然后才开展编辑css。平日都以利用flex。宽度尽量用百分比,间距、中度、字体大小使用
em,就足以很有利的进展高低的决定。

recalc = function (){

REM

varclientWidth = docEl.clientWidth;

REM那些单位,会依赖html的font-size大小进行转变。

if(!clientWidth) return;

html{font-size:100px;}

docEl.style.fontSize = 20* (clientWidth / 320) +
‘px’;//在那之中“20”依照你设置的html的font-size属性值做适当的生成

p{padding-top:.5rem;}

};

退换后p的padding-top正是50px了。只要大家开始展览适量的计量,当前荧屏的宽度,html的font-size是有点px就OK了。

if(!doc.addEventListener) return;

何以总结当前html的font-size值

win.addEventListener(resizeEvt, recalc, false);

诸如,大家得到的设计稿是750px,那就设置成当显示屏宽度是750的时候,html的font-size便是十0px(当然那个十0px你能够自由安装的,小编设置成十0px只是有利小编计算),然后就依靠当前荧屏的幅度
/ 750 * 100,就收获了现阶段屏幕宽度的font-size值。

doc.addEventListener(‘DOMContentLoaded’, recalc, false);

//当前显示器宽度 / 750 = 当前荧屏宽度的font-size / 100

})(document, window);

//代码如下

file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif

(function (doc, win) {

叁、使用媒体询问

    var docEl = doc.documentElement,

媒体询问也是css3的主意,大家要消除的标题是适应手机荧屏,那些媒体询问正是为涸泽而渔这些难点而生。

    resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ :
‘resize’,

媒体询问的效果正是为不相同的传播媒介设置分歧的css样式,这里的“媒体”包含页面尺寸,设备显示屏尺寸等。

    recalc = function () {

举例:假若浏览器窗口小于 500px, 背景将产生桔玉米黄:

      var clientWidth = docEl.clientWidth;

@media only screen and (max-width: 500px) {

      if (!clientWidth) return;

body {

      docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px’;

background-color:lightblue;

    };

}

    if (!doc.addEventListener) return;

}

      win.addEventListener(resizeEvt, recalc, false);

四、使用比例

      doc.addEventListener(‘DOMContentLoaded’, recalc, false);

百分比指的是父成分,全体百分比都以那般的。子元素宽度50%,那么父成分的幅度正是百分之百;

})(document, window);

故此body暗中认可宽度是荧屏宽度(PC中指的是浏览器宽度)子孙成分按百分比定位(或钦点尺寸)就能够了,那只适合布局简单的页面,复杂的页面达成很不方便。

上边那段代码,是直接依照荧屏宽度举行测算font-size的。而Taobao移动端REM方案,还依照你的dpr去计算,而且会议及展览开1体化的缩放。Taobao的那种方案,比上边的代码会好广大。

4858美高梅 6

大家瞩目边框的尺寸。第三张图的边框是比第3张图的小的,四个都以border:solid
壹px。别的的边距都以平等。天猫的方案,解决了另3个难点:边框1px的主题材料。

+2896838玖肆群调换学习,领取材质

我们可以张开以下链接,看看具体的功用:

首先种方案(

第三种方案(

天猫移动端REM

其1很简短,只供给加载js就好了

接下来在css中,将px转为rem就好了。小编是用scss的,所以写个函数就好了。

@function s($px) {

   
@return
($px / 75) * 1rem;

}

p{

    font-size:s(40);padding-left: s(52);

}

比方p的font-size在750的设计稿是40px,然后s(40)就OK了。

设置viewport中的width

那种方案,便是定死viewport中的width大小。

比方说设计稿是750的,然后就在代码上写:

咱们用一样的页面,看看效果是什么样

链接:第两种方案(

功能和第两种是平等的,在二弟大上看也是。

.top{

    display: flex;align-items:center;padding:50px 0
113.5px;justify-content:space-between;width:100%;

    p{

        font-size:40px;padding-left:52px;

    }

    img{

        width:71.5px;height: 71.5px;display: block;margin-right: 63.5px;

    }

}

而代码是直接行使px的,定死的。

倍感从效果上来看,是很周到的,然而为何不是那种艺术最风靡?

@media screen and (max-width:360px){

    .box{color:red;}

}

@media screen and (max-width:520px){

    .box{color:black;}

}

@media screen and (max-width:750px){

    .box{color:yellow;}

}

本人在iphone7,诺基亚5s,谷歌(谷歌(Google))浏览器模拟的iphone陆plus上,字体颜色都以色情的。所以@media媒体询问是不或者运用的,因为已经将大幅定死了。而REM方案却足以选择媒体询问的。因为移动端有无数想不到的分寸,而且在差异的浏览器依旧微信上,中度都以见仁见智的,所以恐怕会促成间距有不小的主题素材。

window.screen.width

用js,能够收获当前设施的增长幅度。

对待三种办法

响应式的得失

可取:包容性好,@media在ie9之上是支撑的,PC和MOBILE是同一套代码的,不用分开。

症结:要写得css相对其余四个多浩大,而且各类断点都要搞好。css样式会稍微大点,更麻烦。

REM优缺点

亮点:能维持能全体的布局作用,移动端包容性好,不用写多少个css代码,而且还足以应用@media举办优化。

症结:伊始要引进一段js代码,单位都要改成rem(font-size能够用px),总括rem相比费劲(能够引用预管理器,可是扩充了编写翻译进程,相对辛劳了点)。pc和mobile要分离。

设置viewport中的width

优点:和REM一样,而且并非写rem,直接利用px,特别便捷。

症结:效果说不定没rem的好,图片或者会相对模糊,而且不可能运用@media进行断点,不一样size的无绳话机上出示,中度间距或许会有差别。

总结

或许看项目必要,再决定利用哪个种类方案,假诺就手提式有线话机站的话,小编动用REM比较多。若是对相差比较规范来讲,多量css三动画片的,就采取第三种。

发表评论

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

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有