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來模擬瀏覽器，並使用響應式設計模式。

感受效果還不錯。

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