marumo maru0014

## gist:5b0b505c7cc067b75a7a
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

## gist:12ad5d0ebb9693af9639
<script>
 $(window).load(function(){//ロードが完了したら下記を実行
 $(".loadingWrap").fadeOut();//.loadingWrapをフェードアウトさせる
 });
</script>

## gist:0e60aa59ee823abfd6aa
<div class="loadingWrap">
 <img src="img/now-loading.gif">
</div>

## gist:9f4c8d54a16f441c45ee
<style type="text/css">
 .loadingWrap {
 width: 100%;/*100%で全画面表示*/
 height: 100%;/*100%で全画面表示*/
 background: #fff;/*背景色*/
 position: fixed;
 top: 0;/*画面上部からの位置*/
 left: 0;/*画面左部からの位置*/
 z-index: 9999;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}

## gist:915d72b0fb680f965e3c
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
 $(window).load(function(){
  $(".loadingWrap").fadeOut();
 });
</script>

## iphone_page-2.0.5.css
#shopCommonText img {
    display: block !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

## gist:1a60124abc9610dc8f44
div#shopCommonText img {
    display: none !important;
}

## Android標準ブラウザで背景画像が表示されない.css
//Android標準ブラウザで背景画像が表示されない
h2 {
	background: url(image.jpg) repeat-x;
	background-size: auto 40px;
	-webkit-background-size: auto 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: auto 40px;　/* Firefox用 */
	-o-background-size: auto 40px;　/* Opera用 */
}

## Android標準ブラウザでも背景画像が表示される.css
//Android標準ブラウザでも背景画像が表示される
h2 {
	background: url(image.jpg) repeat-x;
	background-size: 1px 40px;
	-webkit-background-size: 1px 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: 1px 40px;　/* Firefox用 */
	-o-background-size: 1px 40px;　/* Opera用 */
}

## Android標準ブラウザでも背景画像が表示される（幅100%指定）.css
//Android標準ブラウザでも背景画像が表示される（幅100%指定）
h2 {
	background: url(image.jpg);
	background-size: 100% 40px;
	-webkit-background-size: 100% 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: 100% 40px;　/* Firefox用 */
	-o-background-size: 100% 40px;　/* Opera用 */
}
	<script>
	$(window).load(function(){//ロードが完了したら下記を実行
	$(".loadingWrap").fadeOut();//.loadingWrapをフェードアウトさせる
	});
	</script>
	<div class="loadingWrap">
	<img src="img/now-loading.gif">
	</div>
	<style type="text/css">
	.loadingWrap {
	width: 100%;/100%で全画面表示/
	height: 100%;/100%で全画面表示/
	background: #fff;/背景色/
	position: fixed;
	top: 0;/画面上部からの位置/
	left: 0;/画面左部からの位置/
	z-index: 9999;/レイヤー(この他にpositionを使用していない場合は不要)/
	}
	<html>
	<head>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

	<script>
	$(window).load(function(){
	$(".loadingWrap").fadeOut();
	});
	</script>
	#shopCommonText img {
	display: block !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	}
	//Android標準ブラウザで背景画像が表示されない
	h2 {
	background: url(image.jpg) repeat-x;
	background-size: auto 40px;
	-webkit-background-size: auto 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: auto 40px;　/* Firefox用 */
	-o-background-size: auto 40px;　/* Opera用 */
	}
	//Android標準ブラウザでも背景画像が表示される
	h2 {
	background: url(image.jpg) repeat-x;
	background-size: 1px 40px;
	-webkit-background-size: 1px 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: 1px 40px;　/* Firefox用 */
	-o-background-size: 1px 40px;　/* Opera用 */
	}
	//Android標準ブラウザでも背景画像が表示される（幅100%指定）
	h2 {
	background: url(image.jpg);
	background-size: 100% 40px;
	-webkit-background-size: 100% 40px;　/* Safari,Google Chrome用 */
	-moz-background-size: 100% 40px;　/* Firefox用 */
	-o-background-size: 100% 40px;　/* Opera用 */
	}