[Bootstrap 3] 格狀系統 Grid System

其中xs代表裝置寬度小於768px(手機裝置),
sm代表大於768px且小於992px(平板),
md代表大於992px且小於1200px(筆電),
lg代表大於1200px(外接螢幕,桌機)。

其中xs代表裝置寬度小魚768px(手機裝置),sm代表大於768px且小於992px(平板),md代表大於992px且小於1200px(筆電),lg代表大於1200px(外接螢幕)。

內容出處: [Bootstrap 3] 格狀系統 Grid System

[轉貼]CSS字體加載跨域問題-如何解決設定.htaccess檔

.htaccess

 
#解決css加載字體跨域問題此招對自己架設主機者有效
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

AddType application/vnd.ms-fontobject .eot 
AddType application/x-font-ttf .ttf 
AddType application/vnd.ms-fontobject .eot 
AddType application/x-font-ttf .ttf 
AddType application/x-font-opentype .otf 
AddType application/x-font-woff .woff 
AddType application/x-font-woff2 .woff2 
AddType image/svg+xml .svg 
 


閱讀全文〈[轉貼]CSS字體加載跨域問題-如何解決設定.htaccess檔〉

[轉貼]如何讓瀏覽器每次都重新載入css、js、圖檔 @新精讚

伺服器想要確保每次使用者都是載入新的內容

在寫CSS時,發現firefox並不會更新我有修改過的css檔,就算是按了F5或是按上面的刷新也是一樣。讓我懷疑我是不是改錯檔,這情形只發生在我這台電腦,家裡的不會。

後來上網發現這個方法[1],對的,我回憶起來,我以前都有用過,但是忘了:

法一

src="/css/styles.css?v={隨機製造一個亂數或字串}"

法二

在<header></header>中加入 meta

<header>
 <meta http-equiv="cache-control" content="no-cache" />
 <meta http-equiv="expires" content="0" />
</header>

來源: 如何讓瀏覽器每次都重新載入css、js、圖檔 @新精讚

[轉貼]Chrome外掛-《Styler》自訂當前網頁的CSS、JS特效

[轉貼]Chrome外掛-《Styler》自訂當前網頁的CSS、JS特效

網路上真的各種奇奇怪怪的工具 這一款就有點強大了 閱讀全文〈[轉貼]Chrome外掛-《Styler》自訂當前網頁的CSS、JS特效〉