albert-m
2/11/2016 - 8:45 AM

Тестирование мобильной вёрстки

Тестирование мобильной вёрстки

layouts.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.blocks{
width:100%;
text-align: center;
}
.blocks > div{
display: inline-block;
text-align:center;
vertical-align: top;
 margin-right: 52px;
}
::-webkit-scrollbar {
width: 0;
background: transparent;
}
</style>
</head>
<body>
<div id="frames" class="widthOnly">
		<div id="inner" class="blocks">
			<div id="f2" class="frame">                                                                                                   
				<h2>Ширина  320px</span></h2>                   
				<iframe src="http://localhost:3000/" sandbox="allow-same-origin allow-forms allow-scripts" seamless="" width="320" height="800"></iframe>
			</div>                                                                                                                        
			<div id="f3" class="frame">                                                                                                   
				<h2>Ширина 480px</span></h2>                   
				<iframe src="http://localhost:3000/" sandbox="allow-same-origin allow-forms allow-scripts" seamless="" width="480" height="800"></iframe>
			</div>                                                                                                                        
			<div id="f4" class="frame">                                                                                                   
				<h2>Ширина  767px</span></h2>                   
				<iframe src="http://localhost:3000/" sandbox="allow-same-origin allow-forms allow-scripts" seamless="" width="767" height="800"></iframe>
			</div>
	
		</div>
	</div>
</body>
</html>