写文章
juliajuan
2016-06-22 14:11

简单的设置使你的网页在手机上自适应!

这两天网站基本搞定上线了,就等放开收录!谢谢所有给过我帮助的无私的伙伴们!

因考虑到手机端是现在大势所趋,于是网站刚上线就迫不及待的去手机端开了一下网站,打开一看真是吓了我一跳!WP后台的RESPONSIVE设置后的效果并不好,最要命的是首页BANNER图片很大,手机屏幕太小,只能显示一小部分。

在建站群里问了没有人解答,可能大神太忙也可能觉得是小问题,还也有可能那些较为活跃的伙伴都是建站新手带着各种疑惑的;原谅我第二念头才想到米问!不过,搜索一番大家基本都是依赖于主题自带的RESPONSIVE功能。

从米课学习了很多,最重要的是它指明了我学习和前进的方向!在米问里收获也很大,所以觉得有必要把自己知道的也无私奉献出来,才对得起大家平常的慷慨!虽然是摘自网络,但省去了大家到处甄选实用办法的时间和精力!

度娘最近给我提供的帮助特别大,自适应设置的方法也源自于它,如下:

将以下代码复制到THEME OPTIONS/Advanced/Code Fields(Tracking etc.)里面的Space before </head>即可。

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

试过后,发现手机版网页无法无法按住屏幕放大缩写,后来折腾了一下去掉第一段代码

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

保存后再次访问就可以了。

这里仅以WP-ADVADA主题建站为例,其它的主题或建站程序,悟性高的伙伴应该可以融会贯通!

另外专门的手机版网页,那个应该只能找专业人员解决了。

希望以上对大家有帮助!i_f01.gif

举报
收藏
转发
0/500
添加表情
评论
评论 (5)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示