老卢.NET

全身心研究.NET

导航

JasperMES.cn JasperMES.com.cn 我的MES网站

好久没有更新博客园。今天写上两面的两个网址JasperMES.cn JasperMES.com.cn是想记录我在做上面两个网站时的一点心得。

老实说,现在建站的软件很多,WordPress,CMS,我考虑来考虑去,决定还是自己写。

原因是,我的网站内容比较单纯,没有交互,没有互动。以暂时产品为主,也没有在线交易。其实用简单的HTML5就可以搞定。

于是,我就开始了HTML5的学习之旅。当然,我之前会写HTML脚本和一些JAVASCRIPT。

为了增加网站的效果,我将网站设计成了两种显示方式。

1. 适用于PC端显示

2. 适用于手机移动端显示

采用两种显示方式,主要是为了显示效果,其实,我还是想做到一起,后续我可能会做到一起,不用分开,并采用自适应。

PC端显示还是比较简单,直接按照美工设计的页面固定大小展示即可。

手机移动端相对比较复杂。需要考虑到不同分辨率的手机,需要在CSS中设置不同的样式显示条件。

同时对字体大小不能像PC端显示使用pt,px这样来确定大小,而是要用em来显示。

同时,需要使用浏览器来模拟调试。(因为,我不是土豪,没有那么多的移动端设备),我采用FireFox User-Agent Switcher来模拟浏览器,并使用响应式设计模式。

感觉效果还不错。

今天先写这么点,明天继续写详细点

posted on 2017-03-07 09:47  老卢  阅读(144)  评论(0编辑  收藏  举报