Предупреждение о том, что необходимо перевернуть девайс на чистом CSS

css-orientation-alert

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	html {
		background: #333;
	}

	body:before {
		content: "Turn your phone to portrait";
		color: #888;
		font-size: 11px;
		text-transform: uppercase;
		top: 50%;
		margin: -5px 0 0 -100px;
		position: absolute;
	}

	body * {
		display: none;
	}
}