
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"> 
<title>Responsive Web Site Tasarımı | Modern Fikirler Enstitüsü</title>
<meta name="robots" content="index, follow" />
<meta name="description" content="Web sayfalarınızın bilgisayar, tablet ve telefon gibi bütün farklı boyutlardaki cihazlarınızda web sayfasının bütün işlevleri kullanılabilir durumda olarak görüntülenmesidir" />
<meta name="keywords" content="website responsive, responsive tasarım, responsive web tasarım, responsive site, responsive web tasarım nasıl yapılır,  responsive web site fiyat, responsive web tasarım ölçüleri" />
<meta name="googlebot" content="All, Index, Follow" />
<meta name="Robots" content="All, Index, Follow" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="1 days" />
<meta name="distribution" content="global" />
<link rel="stylesheet" href="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://mii.com.tr/style.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.theme.css">
<link id="page_favicon" href="https://mii.com.tr/assets/img/favicon-32x32.png" rel="icon" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="480"/>
<meta name="verify-admitad" content="ecd7e1c696" />


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109714748-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-109714748-1');
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(52212787, "init", {
        id:52212787,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/52212787" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div id="modernfikirlerenstitusu">
<div id="home" class="altenative">
<div class="header">
<div class="wrap">
<div class="mii-logo col-md-3 col-xs-8"><a href="https://mii.com.tr/"><img src="https://mii.com.tr/assets/img/logo.png"></a></div>
<div class="hamburger col-md-1 col-xs-4"><span class="line"></span><span class="line"></span><span class="line"></span></div>
<nav class="nav col-md-8">
<ul>
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li title="Web Tasarım"><a title="Web Tasarım" href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>

<li class="drop"><a href="#">Neler Yaparız</a>
<ul class="dropdown">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
<div class="clear"></div>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="home-content"><div class="wrap slideInUp animation-element"><h2 lang="tr">Responsive Web Site Tasarımı</h2><p>Web sayfalarınızın bilgisayar, tablet ve telefon gibi bütün farklı boyutlardaki cihazlarınızda web sayfasının bütün işlevleri kullanılabilir durumda olarak görüntülenmesidir</p></div></div><div class="altenative_bg animation-element" style="background-image: url(https://mii.com.tr/media/mobil-responsive-tasarim.svg)"></div>
</div>
<div id="fullpage">
<section id="content-area">
<div class="wrap">
<div class="col-xs-12 col-md-1 yfix">
<div id="sticky"><div class="page_line"></div><div class="left_social_media">
<a class="facebook" href=""><i class="fa fa-facebook"></i></a>
<br>
<a class="twitter" href=""><i class="fa fa-twitter"></i></a>
<br>
<a class="google" href=""><i class="fa fa-google-plus"></i></a>
<br>
<a class="pinterest" href=""><i class="fa fa-pinterest"></i></a>
<br>
<a class="comment" href=""><i class="fa fa-comment"></i></a>
<br>
</div></div>
</div>
<div class="col-xs-12 col-md-8 yfix">
<div class="quotes"><i class="fa fa-quote-left"></i></div>
<div class="quotes_after">
<h1 class="page_cap">HİZMETLERİMİZ / Web Tasarım</h1>
<h2 class="page_spot col-xs-12 col-md-8">Responsive Web Site Tasarımı</h2>
</div>
<div class="clearfix"></div>
<div class="page_content">

<p>Web sayfalarınızın bilgisayar, tablet ve telefon gibi bütün farklı boyutlardaki cihazlarınızda web sayfasının bütün işlevleri kullanılabilir durumda olarak görüntülenmesidir.</p>

<p>Çağımızın ayrılmaz bir parçası olarak mobil tablet ve telefonlar oldukça yaygınlaştı. Hayatımızın her alanına hakim oldular neredeyse. Eskiden web sayfaları belli bir ölçüde yapılırdı, buna bağlı olarak geliştirmesi olmayan flash gibi uygulamalar mevcuttu. Eski teknolojilerin yerini son yıllarda Responsive Web site Tasarımı almaya başladı ve bu sayede bütün cihazlarda kullanımı kolaylaştıran web sayfaları oluşturulmaya başlandı. Kısaca özetlemek gerekirse bilgisayar ekranında görüntülenen tasarımı basitleştirilerek telefonda bir mobil uygulama edasında kullanımı kolay ve anlaşılabilir web tasarımları olmazsa olmaz duruma gelmiştir.</p>

<p>Tasarımı responsive olmayan web siteleri kullanıcılar için daha az tercih edilir durumdadır. Zaten mobil cihazlardan responsive olmayan bir siteye giren kullanıcı o sitede çok vakit geçirmeyecektir. Çünkü küçük yazılar, kaymış butonlar olacağından hiç kullanışlı değildir. Bir de google arama sonuçları açısından web sitesi tasarımının responsive olması durumuna göre mobil arama sonuçlarında repsonsive olmayan web siteleri sıralamanın çok gerisinde kalmaktadır. Bu durum aslında sizin için bir avantaj olabilir. Sizin siteniz responsive alt yapıyla hazırlanmışsa eğer kullanıcılar için vazgeçilmez olacaktır. Web sitenizin mobil uyumlu oılup olmadığını test etmek için buraya tıklayınız.</p>

<p>Kullanıcı deneyimi hareketleri konusunda büyük ekranlı telefon kullanan kullanıcıların web sitesini daha aktif kullanabilmesi için gerekli olan Kullanıcı Arayüzü Tasarımı konusunda oldukça tecrübeli olan Modern Fikirler Enstitüsü bu konuda çok sayıda başarı dolu projeye imza atmıştır. Eğer siteniz mobil uyumlu değilse daha fazla vakit kaybetmeden iletişime geçin.</p>

<p style="margin-top: 30px;"><i class="fa fa-tags" aria-hidden="true"></i> Etiketler: 
<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title='website responsive'>website responsive</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title=' responsive tasarım'> responsive tasarım</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title=' responsive web tasarım'> responsive web tasarım</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title=' responsive site'> responsive site</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title=' responsive web tasarım nasıl yapılır'> responsive web tasarım nasıl yapılır</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title='  responsive web site fiyat'>  responsive web site fiyat</a>&nbsp;<a class='tag' href='https://mii.com.tr/responsive-web-site-tasarimi' title=' responsive web tasarım ölçüleri'> responsive web tasarım ölçüleri</a>&nbsp;
</p>

<div class="services_links">

</div>

<div class="clearfix"></div><div style="float: right; width: 80px;"><i class="fa fa-quote-right"></i></div><div class="clearfix"></div>
</div></div>

<div class="col-xs-12 col-md-3 sidebar yfix">
<div id="sticky">
<aside>
<nav>
<ul class="nav">

<li><a class="toggle-custom" id="btn-1" data-toggle="collapse" data-target="#submenu1" aria-expanded="false"><i class="fa fa-paint-brush"></i> Dijital İnovasyon</a>
<ul class="panel-collapse collapse submenu" id="submenu1" role="menu" aria-labelledby="btn-1">

<li><a href="https://mii.com.tr/ui-ux-tasarim/" title="UI/UX Tasarım">UI/UX Tasarım</a></li>

<li><a href="https://mii.com.tr/dijital-strateji/" title="Dijital Strateji">Dijital Strateji</a></li>

<li><a href="https://mii.com.tr/fotograf-cekimi/" title="Fotoğraf Çekimi">Fotoğraf Çekimi</a></li>

<li><a href="https://mii.com.tr/kurumsal-kimlik/" title="Kurumsal Kimlik">Kurumsal Kimlik</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme/" title="İçerik Geliştirme">İçerik Geliştirme</a></li>

<li><a href="https://mii.com.tr/dijital-reklam-kampanyalari/" title="Dijital Reklam Kampanyaları">Dijital Reklam Kampanyaları</a></li>

<li><a href="https://mii.com.tr/mobil-responsive-tasarim/" title="Mobil / Responsive Tasarım">Mobil / Responsive Tasarım</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-tasarimlari/" title="Sosyal Medya Tasarımları">Sosyal Medya Tasarımları</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-2" data-toggle="collapse" data-target="#submenu2" aria-expanded="false"><i class="fa fa-desktop"></i> Web Tasarım</a>
<ul class="panel-collapse collapse in submenu" id="submenu2" role="menu" aria-labelledby="btn-2">

<li><a href="https://mii.com.tr/web-tasarimi-ve-web-yazilimi/" title="Web Tasarımı ve Web Yazılımı">Web Tasarımı ve Web Yazılımı</a></li>

<li><a href="https://mii.com.tr/webtasarim/" title="3 Adımda Web Tasarım!">3 Adımda Web Tasarım!</a></li>

<li><a href="https://mii.com.tr/e-ticaret-web-site-yazilimi/" title="E - Ticaret Web Site Yazılımı">E - Ticaret Web Site Yazılımı</a></li>

<li><a href="https://mii.com.tr/mobil-uygulama-gelistirme/" title="Mobil Uygulama Geliştirme">Mobil Uygulama Geliştirme</a></li>

<li><a href="https://mii.com.tr/responsive-web-site-tasarimi/" title="Responsive Web Site Tasarımı">Responsive Web Site Tasarımı</a></li>

<li><a href="https://mii.com.tr/icerik-yonetim-sistemi/" title="İçerik Yönetim Sistemi">İçerik Yönetim Sistemi</a></li>

<li><a href="https://mii.com.tr/web-tabanli-uygulamalar-ve-sistemler/" title="Web Tabanlı Uygulamalar ve Sistemler">Web Tabanlı Uygulamalar ve Sistemler</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-3" data-toggle="collapse" data-target="#submenu3" aria-expanded="false"><i class="fa fa-cog"></i> Marka Stratejisi</a>
<ul class="panel-collapse collapse submenu" id="submenu3" role="menu" aria-labelledby="btn-3">

<li><a href="https://mii.com.tr/marka-tescili/" title="Marka Tescili">Marka Tescili</a></li>

<li><a href="https://mii.com.tr/google-reklamlari/" title="Google Reklamları">Google Reklamları</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-yonetimi-ve-reklamciligi/" title="Sosyal Medya Yönetimi ve Reklamcılığı">Sosyal Medya Yönetimi ve Reklamcılığı</a></li>

<li><a href="https://mii.com.tr/arama-motoru-optimizasyonu/" title="Arama Motoru Optimizasyonu">Arama Motoru Optimizasyonu</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme-ve-metin-yazarligi/" title="İçerik Geliştirme ve Metin Yazarlığı">İçerik Geliştirme ve Metin Yazarlığı</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-4" data-toggle="collapse" data-target="#submenu4" aria-expanded="false"><i class="fa fa-video-camera"></i> Prodüksiyon</a>
<ul class="panel-collapse collapse submenu" id="submenu4" role="menu" aria-labelledby="btn-4">

<li><a href="https://mii.com.tr/kurgu-post-produksiyon/" title="Kurgu & Post Prodüksiyon">Kurgu & Post Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/video-produksiyon/" title="Video Prodüksiyon">Video Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/logo-animasyonu/" title="Logo Animasyonu">Logo Animasyonu</a></li>

<li><a href="https://mii.com.tr/muzik-produksiyon/" title="Müzik Prodüksiyon">Müzik Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/tanitim-filmi/" title="Tanıtım Filmi">Tanıtım Filmi</a></li>

<li><a href="https://mii.com.tr/bant-reklam/" title="Bant Reklam">Bant Reklam</a></li>

<li><a href="https://mii.com.tr/seslendirme/" title="Seslendirme">Seslendirme</a></li>

<li><a href="https://mii.com.tr/jingle-reklam-muzigi/" title="Jingle & Reklam Müziği">Jingle & Reklam Müziği</a></li>

</ul>
</li>

</ul></nav></aside><div class="clearfix"></div></div></div><div class="clear"></div></div>

</section><!-- content-area -->
<div id="footer">

<div class="wrap">
<div class="footer-top">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<div class="partners">
<img src="https://mii.com.tr/assets/img/logo.png" class="footer-logo"><br>
<h3>&nbsp;</h3>
<img src="https://mii.com.tr/assets/img/partner_logo_3.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_4.PNG" class="footer-partner"><br>
<img src="https://mii.com.tr/assets/img/partner_logo_2.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_1.PNG" class="footer-partner">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>Site Haritası</h3>
<ul id="menu-footer-menu" class="">
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li><a href="https://mii.com.tr/hizmetlerimiz/">Hizmetlerimiz</a></li>
<li><a href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/uygulamalar/">Uygulamalar</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox our-box">
<h3>Hizmetler</h3>
<ul id="menu-our-menu" class="">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>İletişime Geç</h3>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/location-icon.png" alt=""></div>
<div class="right-text">Şimdilik Evlerimizdeyiz. / @remotemode</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/ph-icon2.png" alt=""></div>
<div class="right-text"> <a href="tel:+905331438563">+90 533 143 85 63</a>
</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/mail-icon.png" alt=""></div>
<div class="right-text"> <a href="/cdn-cgi/l/email-protection#1b72757d745b76727235787476356f69" class="email"><span class="__cf_email__" data-cfemail="721b1c141d321f1b1b5c111d1f5c0600">[email&#160;protected]</span></a>

</div>
<div class="clearfix"></div>
</div>



</div>
</div>
</div>
</div>


<div class="footer-bottom">
<div class="icon-block">
<ul>
<li><a href="https://tr-tr.facebook.com/mii.com.tr/" target="_blank">
<i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/miicomtr/" target="_blank">
<i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/mii.com.tr/" target="_blank">
<i class="fa fa-instagram"></i></a></li>
</ul>
<div class="clearfix">
</div>
</div>
<div class="lt-block">
<div class="">
<div class="textwidget">
<p>© Modern Fikirler Enstitüsü Tasarım ve Yazılım Ofisi | 2016 .</p>
</div>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div><!-- fullpage -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://mii.com.tr/assets/js/jquery.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/custom.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/owl/owl.carousel.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".hamburger").click(function() {
    $(".hamburger .line").toggleClass("is-active");
    $(".nav").toggleClass("show");
});
});

function load_ok() {$(".loader").addClass('loading');}
$(document).ready(function() {
$(".drop").mouseover(function() {$(".dropdown").show(300);});
$(".drop").mouseleave(function() {$(".dropdown").hide(300);});
});
</script>
<script>
var $animation_elements = $('.animation-element');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = window_top_position + window_height;
$.each($animation_elements, function () {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top;
var element_bottom_position = element_top_position + element_height;
if (element_bottom_position >= window_top_position && element_top_position <= window_bottom_position) {
$element.addClass('animated');
} else {
$element.removeClass('animated2');
}
});
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
//# sourceURL=pen.js


</script>



<script src="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/js/bootstrap.min.js" type="text/javascript" ></script>

<script>$(window).load(function(){width = $( window ).width();if(width >= 640){var maxHeight = -1;$('.yfix').each(function() {maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();});$('.yfix').each(function() {$(this).height(maxHeight);});}})
$(window).load(function(){
$(".altenative_bg").addClass("slideInUp");
});
</script>
</div><!-- modernfikirler -->
</body>
</html>