189 8069 5689

移动端布局-创新互联

一、移动端和pc端布局的不同
1.显示设备(屏幕)
2.操作(鼠标、指尖)
3.浏览器内核:移动端不用考虑ie,但是各种浏览器内核(手机自带)、微信浏览器内核
4.运行设备 移动设备(轻便、迅速、便携) pc端(体验)
5.网络不同 移动4g(注重速度) pc光纤(注重体验速度)
页面设置不同:
1.Meta标签设置
2.单位=======用来适应不同的移动端屏幕尺寸;

创新互联建站-专业网站定制、快速模板网站建设、高性价比长安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式长安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖长安地区。费用合理售后完善,十余年实体公司更值得信赖。

Px像素。类似绝对单位。其实也是相对单位,相对于屏幕的分辨率;
Pt磅 点 打印的尺寸
Em 相对单位,相对于父级的font-size 1em=父级的font-size(直接的父级)
Rem相对单位,相对于根元素的font-size 1rem=根元素的font-size
Vw,vh相对单位,相对于屏幕的宽度和高度,1vw==1%屏幕的宽度
 

width=device-width:宽度等于当前设备的宽度
intial-scale:页面首次被显示是可视区域的缩放比例,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放

二、Meta标签的设置不同及其不同的效果(扩展)
1.强制让文档与设备的宽度保持1:1

2.忽略页面中的数字识别为电话号码
3.忽略页面中的邮箱格式为邮箱

4.    

手动刷新

三、Js方法获取HTMLfontsize(自动刷新)

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:移动端布局-创新互联
网页地址:http://cdxtjz.cn/article/cocghi.html

其他资讯