好久沒有更新博客園。今天寫上兩面的兩個網址JasperMES.cn JasperMES.com.cn是想記錄我在做上面兩個網站時的一點心得。

老實說，現在建站的軟件很多，WordPress，CMS，我考慮來考慮去，決定還是自己寫。

原因是，我的網站內容比較單純，沒有交互，沒有互動。以暫時產品為主，也沒有在線交易。其實用簡單的HTML5就可以搞定。

于是，我就開始了HTML5的學習之旅。當然，我之前會寫HTML腳本和一些JAVASCRIPT。

為了增加網站的效果，我將網站設計成了兩種顯示方式。

1. 適用于PC端顯示

2. 適用于手機移動端顯示

采用兩種顯示方式，主要是為了顯示效果，其實，我還是想做到一起，后續我可能會做到一起，不用分開，并采用自適應。

PC端顯示還是比較簡單，直接按照美工設計的頁面固定大小展示即可。

手機移動端相對比較復雜。需要考慮到不同分辨率的手機，需要在CSS中設置不同的樣式顯示條件。

同時對字體大小不能像PC端顯示使用pt,px這樣來確定大小，而是要用em來顯示。

同時，需要使用瀏覽器來模擬調試。（因為，我不是土豪，沒有那么多的移動端設備），我采用FireFox User-Agent Switcher來模擬瀏覽器，并使用響應式設計模式。

感覺效果還不錯。

今天先寫這么點，明天繼續寫詳細點

轉載于:https://www.cnblogs.com/luyuanyi/p/6513145.html

總結

以上是生活随笔為你收集整理的JasperMES.cn JasperMES.com.cn 我的MES网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。