其中xs代表裝置寬度小於768px(手機裝置),
sm代表大於768px且小於992px(平板),
md代表大於992px且小於1200px(筆電),
lg代表大於1200px(外接螢幕,桌機)。
其中xs代表裝置寬度小魚768px(手機裝置),sm代表大於768px且小於992px(平板),md代表大於992px且小於1200px(筆電),lg代表大於1200px(外接螢幕)。
Easy is power
其中xs代表裝置寬度小於768px(手機裝置),
sm代表大於768px且小於992px(平板),
md代表大於992px且小於1200px(筆電),
lg代表大於1200px(外接螢幕,桌機)。
其中xs代表裝置寬度小魚768px(手機裝置),sm代表大於768px且小於992px(平板),md代表大於992px且小於1200px(筆電),lg代表大於1200px(外接螢幕)。
.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時,發現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>
第一頁
<P style=’page-break-after:always’> </P>
第二頁
[轉貼]CSS筆記-依視窗寬度自動隱藏
@media only screen and (min-width:465px) { .b2 { display: block; } } @media only screen and (min-width:560px) { .b1 { display: block; } }
來源:http://blog.darkthread.net/post-2014-02-24-css-auto-hide-under-low-width.aspx
[轉貼]Chrome外掛-《Styler》自訂當前網頁的CSS、JS特效
網路上真的各種奇奇怪怪的工具 這一款就有點強大了 閱讀全文〈[轉貼]Chrome外掛-《Styler》自訂當前網頁的CSS、JS特效〉