kmokidd kmokidd

## clearfix hack
/* new clearfix */
.clearfix
    visibility: hidden
    display: block
    font-size: 0
    content: " "
    clear: both
    height: 0
    *zoom:1


## index.html
<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->

## n*n Image View
.image-wall-wrapper{
  font-size: 0;
}
.image-wall-wrapper .image-item{
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  /*25% is for 4*4*/
  width: 25%;
  /*padding-top has the same value to width*/

## meta-tags.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kmokidd
                / meta-tags.md
            
            
              Last active
              August 29, 2015 14:12
                — forked from lancejpollard/meta-tags.md
            
          
    Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/
Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

  
## rm-iOS-default-style.css
html{
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

## 禁止横屏.css
@media (orientaion: landscape){
  body{
    transform: rotate(-90deg);
  }
}

## footer-固定底部.css
/* 只能保证在视口的底部 */

html{
  height:100%;
}
body{
  min-height: 100%;
  position:relative;
}

## 各种禁止.js
// prevent ios touchmove will cause page scolller
window.addEventListener('touchmove',function(ev){
  ev.preventDefault();
});

## Super-Media-Query.css
// --------------------------MQ--------------------------//
/* iPhone4 iPhone5/5s
 * 超级低端 Android
 */
@media (max-device-width: 320px){
}

/* Especially for iPhone4 */
@media (max-device-width: 320px) and (max-device-height: 480px) and (-webkit-min-device-pixel-ratio: 2){
}

## font-family
font-family:
  /* 西文 */
  -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial,
  /* 中文 */
  "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
	/* new clearfix */
	.clearfix
	visibility: hidden
	display: block
	font-size: 0
	content: " "
	clear: both
	height: 0
	*zoom:1
	<!doctype html>
	<html class="no-js" lang="">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
	.image-wall-wrapper{
	font-size: 0;
	}
	.image-wall-wrapper .image-item{
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	/25% is for 44*/
	width: 25%;
	/padding-top has the same value to width/
	html{
	-webkit-touch-callout: none;
	touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	}
	@media (orientaion: landscape){
	body{
	transform: rotate(-90deg);
	}
	}
	// prevent ios touchmove will cause page scolller
	window.addEventListener('touchmove',function(ev){
	ev.preventDefault();
	});
	// --------------------------MQ--------------------------//
	/* iPhone4 iPhone5/5s
	* 超级低端 Android
	*/
	@media (max-device-width: 320px){
	}

	/* Especially for iPhone4 */
	@media (max-device-width: 320px) and (max-device-height: 480px) and (-webkit-min-device-pixel-ratio: 2){
	}
	font-family:
	/* 西文 */
	-apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial,
	/* 中文 */
	"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;