开发者社区> 问答> 正文

移动平台前端开发有什么技巧?

例如一个div,我想

在PC上浏览的时候是固定 640px 的宽度,
在手机上浏览的时候适应手机屏幕的宽度,
我该如何声明 meta 标签以及如何写 css ?

展开
收起
a123456678 2016-03-25 10:31:44 1737 0
1 条回答
写回答
取消 提交回答
  • 1 移动设备终端屏幕不固定,所以不能直接设定宽度或者高度。像素设置使用em单位,宽度高度设置使用百分比等。屏幕自适应还要借助 viewport属性 如:

    2 初步定为你的移动网站是否在支持html5的浏览器中。现在的浏览器html5支持已经很普遍,但是还有部分老机型不支持。这个涉及到是否单独加载移动端js,包括mobile.js .,进而又涉及到用户交互体验,肯定是使用html5和css3 js的网站用户体验更高。前提是用户移动端网络环境能足够支持这种页面容量。

    3 观察大的电商网站,为了满足不同用户需求,手机网站一般分为3个版本 简版,触屏版,电脑版。触屏版大多启用html5开发。简版就是之前的wap升级,最不耗费流量的一种。

    2019-07-17 19:13:42
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载