建站百科

网站建设、网站设计、网站开发、域名、主机、服务器等知识普及

web适配手机端开发总结

最近更新于 2020-07-25 - 跨屏互联-建站
文章导读:本文主要阐述了“web适配手机端开发总结”现在手机端也业务要多于pc端,传统pc端网站如何做手机端的页面也成了许多企业老板的必经路,以下是跨屏平台 Kuaping.com 总结的...,本文由跨屏互联最后更新于2020-07-25,全文共528个字,预计阅读时长1分45秒

 现在手机端也业务要多于pc端,传统pc端网站如何做手机端的页面也成了许多企业老板的必经路,以下是跨屏平台 Kuaping.com 总结的一些心得,大家茶余饭后研读一下,看看能不能涨涨姿势。

网站适配手机端主要总结3点:

1. 在页面顶部加meta,它的大概意思就是让页面1:1显示,用户禁止缩放,加载html页面的head中  代码如下。

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

 

2.布局用百分比/rem,这个就不多解释了,只是把原来的px换成%或rem,尝试一下就知道了。值得一提的是rem这个单位直接用不太好,因为你要精确到小数点后面三四位,所以大家要用的话,百度一下rem.js,网上有很多版本,自己下载一个src引入,这样就不用精确到小数点好几位了。

div{
width:80%,
height:200px;
font-size:1rem
}
3.借助手机端开发框架,这里给大家推荐几个 vux、mint ui 、weui

手机端开发最好结合vue-cli,不推荐用bootstrap了。

写在最后,以上就是对于“web适配手机端开发总结”的一些看法,欢迎指正、交流。

网站名称:web适配手机端开发总结
分享网址:http://www.kuaping.com/article/show171.html

相关文章推荐
推荐模板
外贸网站kptrade模板,响应式宽屏,多语言2024
编号:default#kptrade2024
跨屏五合一响应式网站官方旗舰模板kpsvip 2024版本
编号:default#kpsite2024
简约货运物流快递公司网站模板
编号:1st#wuliu
AI生成白色简洁设计师网站模板下载
编号:1st#baisejianjie
高端旅游线路推荐旅行社官网模板
编号:part2#lvyouluxian
免责声明:本站是自助建站平台,仅提供信息存储空间服务,该信息内容的真实性及合法性由该发布者完全负责。
咨询客服

10年品牌 专注五合一网站

前台客服

技术客服

027-817-77732

133-434-77732

关注我们

关注跨屏互联公众号

回到顶部