文档章节

LMLPHP官方网站兼博客移动站上线

hosser
 hosser
发布于 2015/03/17 01:01
字数 900
阅读 239
收藏 4

LMLPHP官方网站兼博客移动站上线新闻

maybe yes 发表于2015-01-12 14:32

原文链接 : http://blog.lmlphp.com/archives/60  来自 : LMLPHP后院

经过周日的努力,一下午加晚上,LMLPHP 官方网站手机站和 LMLPHP 官方博客手机站正式上线。目前所有页面在 MI2 的自带浏览器,UC浏览器,百度浏览器和 Samsung Galaxy S4 mini 的 QQ 浏览器上显示均正常,效果还算比较满意,毕竟同样的内容要兼容在不同尺寸的设备上显示出来还是有些难度的。

在做手机站的时候,站点宽度设置都是100%,基本没有特别指定的宽度,HTML 结构尽量的简单,为的就是最大的兼容。同时也发现了一些问题,就是图片的展示不好弄。在 view-port 声明下,手机站的建设变的简单多了,网站的 PX 单位自然的变成了长度单位,同样的手机尺寸不同的分辨率,声明了 view-port 后一行显示的字数是同样多的,这是本人使用了 小米2 和 三星 Galaxy S4 mini 进行测试得出的结论。在做移动站的时候,深刻感受到因设备不同网站的功能也会有所不同,所以手机站独立模板才是更好的选择,我个人不建议使用 BootStrap 和一些非常复杂的前端框架来做。

如果在页面加载后,计算出手持设备对应的尺寸,然后将文档中图片的 width 和 height 属性进行等比缩小,图片的展示就会比较好看,本站现在的主体内容区域里面的图片都是设置了最大宽度为 90% ,这样有个缺点就是加载文档后,图片的高度属性失效,显示的高度很小,仅仅够显示出了 alt 属性,随着页面滚动和异步加载的触发,页面会不断的被撑大,而 PC 站页面是没有这个问题的,以后再不断的优化。

关于手机站开发应该使用什么度量单位来作为字体大小的单位?这个问题我在做手机站之前也看了大量的文章,诸如 em,pt,px,%(百分比)等,现在认为网站建设设置字体大小最好的单位应该是使用“px”,绝对不用再去怀疑了。

关于手机站开发是否应该使用独立域名或者独立 URL?本站的手机站是根据 UA(UserAgent) 来展示的,目前的一些新型网站也都是如此,完全没有必要开启独立域名,那样后期维护会非常麻烦。

如何切换本站 PC 站和移动站?系统默认按照 UA 来判断该显示哪个模板,当然也可以使用参数 theme=default|mobile 进行切换,default 参数显示默认的 PC 模板,mobile 参数显示移动设备模板。切换后将保持在该会话过程中显示该模板风格不变。如果只想单个网页显示一次某个模板,可以传递 theme 参数的同时传递参数 switch_theme_once 即可。

附上手机站和 PC 站切换链接:
LMLPHP 官网手机站链接:http://www.lmlphp.com/?theme=mobile
LMLPHP 官网 PC 站链接:http://www.lmlphp.com/?theme=default
LMLPHP 官方博客手机站链接:http://blog.lmlphp.com/?theme=mobile
LMLPHP 官方博客 PC 站链接:http://blog.lmlphp.com/?theme=default

阅(57)评(0)查看评论


本文转载自:http://blog.lmlphp.com/archives/60

hosser

hosser

粉丝 192
博文 78
码字总数 4614
作品 3
徐汇
私信 提问
No-Transform协议禁止搜索引擎转码兼移动站建设问答

No-Transform协议禁止搜索引擎转码兼移动站建设问答技术 maybe yes 发表于2014-12-29 13:42 原文链接 : http://blog.lmlphp.com/archives/51 来自 : LMLPHP后院 在 手机端访问时,发现自己的...

hosser
2015/02/09
619
0
Gitblog官方网站发布上线

Gitblog官方网站发布上线 一. 简介 Gitblog是一个简单易用的Markdown博客系统,它不需要数据库,没有管理后台功能,更新博客只需要添加你写好的Markdown文件即可。它摆脱了在线编辑器排版困难...

jockchou
2015/08/03
184
0
创业团队如何快速布局移动互联网

活动概况 时间:2015年5月30号13:30-16:30 地点:北京市东城区中美创业中心 主办:猎云网、APICloud 友情支持:活动行 懒汉互联 推酷网 互联网沙龙荟 互联网参会指南 单飞企鹅俱乐部 米乐弗 ...

API_Cloud
2015/05/26
89
0
创业团队如何快速布局移动互联网

活动概况 时间:2015年5月30号13:30-16:30 地点:北京市东城区中美创业中心 主办:猎云网、APICloud 友情支持:活动行 懒汉互联 推酷网 互联网沙龙荟 互联网参会指南 单飞企鹅俱乐部 米乐弗 ...

API_Cloud
2015/05/26
11
0
App开发+App定制平台--APICloud

APICloud官方网站:http://www.apicloud.com/ 一、 APICloud:从开发技术到定制服务 APICloud拥有App开发平台和App定制平台。从开放App开发技术,到提供App定制服务,APICloud为个人开发者和...

API_Cloud
2014/12/04
46.4K
14

没有更多内容

加载失败,请刷新页面

加载更多

Java自学指南五、编码工具

工欲善其事,必先利其器... 想要高效率编码输出和快速处理文本,需要 熟悉编程语言的语法 盲打 至少需要熟练使用一种文本编辑器 至少熟练熟练使用一种 IDE (集成开发环境) 现实中,看到过二指...

ConstXiong
49分钟前
6
0
Java 集合框架

早在 Java 2 中之前,Java 就提供了特设类。比如:Dictionary, Vector, Stack, 和 Properties 这些类用来存储和操作对象组。 虽然这些类都非常有用,但是它们缺少一个核心的,统一的主题。由...

天子剑毅
今天
9
0
Oracle 回滚段

--查询数据文件 select t.TABLESPACE_NAME, --表空间名 t.FILE_NAME, --文件名 t.AUTOEXTENSIBLE, --是否自动扩展 t.BYTES / 1024 / 1024 as tsize, --表空间初始大小 t.MAXBYTE...

max佩恩
今天
6
0
在Serverless Kubernetes(ASK)集群中使用Nginx Ingress

ASK: Alibaba Cloud Serverless Kubernetes 导读 不同于阿里云ACK集群默认通过nginx-ingress-controller提供ingress能力,在ASK(Serverless Kubernetes)集群中默认基于SLB七层转发提供ingre...

阿里云官方博客
今天
5
0
Android换肤原理和Android-Skin-Loader框架解析

https://blog.csdn.net/stven_king/article/details/78648095 https://www.jianshu.com/p/b0253de8ac04 https://blog.csdn.net/weixin_38261570/article/details/82079540......

shzwork
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部