@media screen針對不同移動裝置-響應式設計
概念：device-pixel-ratio：定義輸入裝置螢幕的可視寬度與可見高度比率。
device-width：輸入裝置螢幕的可視寬度。
orientation ：螢幕橫豎屏定向。landscape 是橫向，portrait 是縱向【ipad 相反】
/* iphone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
@media only screen
and (min-width : 321px)
@media only screen
and (max-width : 320px)
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
@media only screen
and (min-width : 1224px)
@media only screen
and (min-width : 1824px)
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
jenkins針對不同使用者顯示不同專案
網上看了別人寫的部落格有點頭暈 比如 典型的許可權混亂，te使用者可以讀re使用者的專案，re使用者可以讀te使用者的專案。比如 這個分不清應該寫專案名字還是寫使用者名稱。一 建立使用者 二 安裝外掛程式 2.搜尋並安裝role based strategy外掛程式 三 修改授權策略 四 修改安全規...
media screen 的書寫順序
class1 class2 而某個元素指定class時採用 class class2 class1 這種方式指定，此時雖然class1在元素中指定時排在class2的後面，但因為在樣式表檔案中class1處於class2前面，此時仍然是class2的優先順序更高，color的屬性為red，而非bla...
針對不同的Cookie做頁面快取
有時我們需要為pc瀏覽器及移動瀏覽器生成不同的頁面，為了提高效能，不能每次請求都去判斷user agent，通常用乙個 cookie 標記一下客戶端是否是移動客戶端，這樣只需要讀取這個 cookie 的值就知道這個請求是否是移動端。這裡主要通過 outputcachebycustom 來實現對不同的...