看看最近发生的事情

  • 编辑时间: 2015-04-09
  • 浏览量: loading
  • 作者: 段亮

不知不觉工作工作快一个月了,感觉目前在公司的任务不是很多,可能是我的任务还没有来吧。这样也好,就有更多时间来给自己充电学习。下面就跟大家一起分享下我最近的学习成果吧!

还记得来公司做的第一个项目是写移动端手机页面开发,可对于我这种还没接触过移动端开发的人来说,还是有点点难度,难就难在,不知道该如何去构建个项目。它的开发流程是怎么?以及需要注意些什么(移动端呀!,听起来很高大上。其实也就那么回事)详情可见这篇文章:html移动端手机页面开发流程

可能在写这篇文章的时候没去具体写它的注意事项。下面就一起详细说说移动端开发的注意事项吧!

一、关于布局问题

在移动端的话,我们都是采用流体布局的,基本上和做PC端没多少区别。

唯一的区别就是:尽量少用PX来作为固定单位,应该采用百分比(%)来作为单位,因为一般手机端的宽度在320px,当然也有比这宽的,只是说320px宽度相当于移动端的一个标准。

试想:如果你们的一个图片宽度280px,然后旁边又有文字说明的话。(就是左右布局的那种模式),如果都采用PX来布局的话,可能会造成错乱。所以一般情况下我们都会采用缩小图片,和百分比来布局。

 二、移动端单位使用问题

在上篇文章中也提出了一个问题,是关于移动端字体的使用问题。我们都知道:可能在PC端1PX像素确实就是1:1显示,可在移动端可能就不是这样啦!具体原因也没去分析,所以才采用rem这个单位。因为它是一个相对单位,是相对于于根元素(body)来设置的。具体转换关系可见下图:

rem转换关系图

我们可以清楚的知道他们其中的转换关系:因为未经处理浏览器的字体,一般默认是16px,所以我们为了方便计算的话,在给根元素设置字体大小(font-size:62.5%)时,rem和PX的关系想当于是1rem等于10px一般来说字体单位(rem)最好应用在标题和正文内容,其它地方的话最好采用PX,个人建议。

注:因为谷歌(webkit内核)下是字体有限制的,最小字体是12px.

基本上开发移动端注意以上两点,没什么问题,关于字体的话,你也可以全部采用PX来作为单位,这个也没具体要求。


好了,最近的学习成果就说说这些吧!下面说说我们身边发生的事:


昨天刚好看了一则这样的新闻"36岁,IT男猝死在马桶上"。看了这则新闻挺有感触的,作为同行的我们来说:"真的太可惜了,这么年轻就死了,觉得挺不直的,为了工作丢了生命。"

我觉得吧:我们搞技术的,应该学会给自己创造价值,而不是一味的给老板去创造价值。适当的增加户外活动,不要让自己整天沉淀在代码的世界里。难怪人们都说:"搞IT的都是屌丝"。我看没错!虽然我也只是个半吊子的前端IT从业者,但我不想在我身上挂上程序猿的标签。

对于对我自己的定义就是:半吊子前端+半吊子SEO+站长 = 段亮!嘿嘿...

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客