responsive css 3

Date Added: 14/01/2015 


<!DOCTYPE html>
<html>
<head>

<style>

html{font-size:12px;}
p.b{font-size:1rem;}
@media screen and (orientation:portrait){
p.a{font-size:3rem;}
}
@media screen and (orientation:landscape){
p.a{font-size:2rem;}
}
</style>
</head>
<body>
<p class="a">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>
<p class="b">
ultricies ut viverra massa rutrum. Nunc pharetra, ipsum ut
ullamcorper placerat,
<p>

</body>
</html>

Last Update: Posted by: müslüm ÇEN
Not Commented Yet !
Please login in order to comment . Login

Content Categories

Müslüm ÇEN

Müslüm ÇEN
PHP Developer, Founder

Webenfo software is incredibly Creative and Innovative.