{"id":2574,"date":"2014-10-16T12:36:25","date_gmt":"2014-10-16T12:36:25","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=2574"},"modified":"2015-02-26T13:16:08","modified_gmt":"2015-02-26T13:16:08","slug":"tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/","title":{"rendered":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries (IE7 ve IE8 dahil)"},"content":{"rendered":"

CSS3 web geli\u015ftiricileri\/tasar\u0131mc\u0131lar\u0131 ekran veya bask\u0131 gibi bir ortam t\u00fcr\u00fcn\u00fc tan\u0131mlamak ve geni\u015flik, y\u00fckseklik ya da y\u00f6nelim olarak ayarlanarak ko\u015fullar\u0131n i\u00e7eri\u011finin g\u00f6r\u00fcn\u00fcmlerini belirleyebiliriz. CSS Media\u00a0Queries bir ortam t\u00fcr\u00fcn\u00fc ve web i\u00e7eri\u011fini belirli bir ayg\u0131tta nas\u0131l g\u00f6sterilebilece\u011fini g\u00f6steren durumu birle\u015ftirmektedir.<\/p>\n

CSS media\u00a0Queries her kullan\u0131c\u0131 t\u00fcr\u00fc i\u00e7in iyi bir deneyim sunan, farkl\u0131 cihazlarda farkl\u0131 stilleri sunabilmek ad\u0131na m\u00fckemmel bir yoldur. CSS3\u00a0tarifname'nin bir k\u0131sm\u0131,\u00a0\u00a0CSS media\u00a0Queries stillerini nas\u0131l uyguland\u0131\u011f\u0131n\u0131 denetleyen medya niteli\u011finin rol\u00fcn\u00fc geni\u015fletebilir. \u00d6rne\u011fin,\u00a0media=\u201dprint\u201d\u00a0<\/strong>belirterek web sayfas\u0131n\u0131n bask\u0131 i\u00e7in ayr\u0131 bir stil sayfas\u0131 kullanmak y\u0131llard\u0131r yayg\u0131n bir uygulama olmu\u015ftur.<\/p>\n

CSS media\u00a0Queries geli\u015ftiricileri b\u00f6ylelikle ekran geni\u015fli\u011fi g\u00f6re y\u00f6nlendirir, ayg\u0131t gibi \u00f6zelliklerin bir dizisine dayal\u0131 olan stillere hedef vererek bir sonraki seviye bu fikri alabilir. A\u015fa\u011f\u0131daki tablo eylemi sizlere taray\u0131c\u0131lar i\u00e7in CSS Media\u00a0Queries sorgular\u0131n\u0131 g\u00f6sterir. Bir masa\u00fcst\u00fc taray\u0131c\u0131s\u0131, tablet yada iPod touch g\u00f6r\u00fcnt\u00fclendi\u011fi gibi hepsi ayn\u0131 web sayfas\u0131n\u0131 g\u00f6stermektedir.<\/p>\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n21\r\n22\r\n23\r\n24\r\n25\r\n26\r\n27\r\n28\r\n29\r\n30\r\n31\r\n32\r\n33\r\n34\r\n35\r\n36\r\n37\r\n38\r\n39\r\n40\r\n41\r\n42\r\n43\r\n44\r\n45\r\n46\r\n47\r\n48\r\n49\r\n50\r\n51\r\n52\r\n53\r\n54\r\n55\r\n56\r\n57\r\n58\r\n59\r\n60\r\n61\r\n62\r\n63\r\n64\r\n65\r\n66\r\n67\r\n68\r\n69\r\n70\r\n71\r\n72\r\n73\r\n74\r\n75\r\n76\r\n<\/pre>\n<\/td>\n
\n
\/* Smartphones (portrait and landscape) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 320px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 480px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* Smartphones (landscape) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>width :<\/span> 321px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* Smartphones (portrait) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>max-<\/span>width :<\/span> 320px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPads (portrait and landscape) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 768px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 1024px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPads (landscape) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 768px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 1024px)<\/span>\r\nand (<\/span>orientation :<\/span> landscape)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPads (portrait) ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 768px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 1024px)<\/span>\r\nand (<\/span>orientation :<\/span> portrait)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* Desktops and laptops ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>width :<\/span> 1224px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* Large screens ----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>width :<\/span> 1824px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPhone 5 (portrait &amp; landscape)----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 320px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 568px)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPhone 5 (landscape)----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 320px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 568px)<\/span>\r\nand (<\/span>orientation :<\/span> landscape)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span>\r\n\u00a0\r\n\/* iPhone 5 (portrait)----------- *\/<\/span>\r\n@<\/span>media only screen\r\nand (<\/span>min-<\/span>device-<\/span>width :<\/span> 320px)<\/span>\r\nand (<\/span>max-<\/span>device-<\/span>width :<\/span> 568px)<\/span>\r\nand (<\/span>orientation :<\/span> portrait)<\/span> {<\/span>\r\n\/* STYLES GO HERE *\/<\/span>\r\n}<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/h3>\n
Media Queries Deste\u011fi<\/h3>\n
CSS Media queries akilli telefonlar ve di\u011fer ekran tabanl\u0131 cihazlar\u0131n yan\u0131 s\u0131ra,\u00a0Internet Explorer (IE) 9+, Firefox 3.5+, Safari 3+, Opera 7+<\/strong> desteklenmektedir.<\/p>\n
CSS Media\u00a0Queries IE'nin eski s\u00fcr\u00fcmleri desteklemiyor olmasa da, yinede onu \u00e7al\u0131\u015ft\u0131rman\u0131n bir yolu vard\u0131r.\u00a0<\/strong><\/p>\n
Herkes IE'nin \u00f6nceki s\u00fcr\u00fcmlerinin kullan\u0131lmad\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyor olsa da, onlar\u0131 kullanan insanlar b\u00fcy\u00fck bir miktar\u0131 olu\u015fturmaktad\u0131r, baz\u0131 istatistikleri \u015funlard\u0131r;<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n
1<\/td>\nChrome 37<\/td>\n24.85%<\/td>\n<\/tr>\n
2<\/td>\nSafari 7<\/td>\n10.60%<\/td>\n<\/tr>\n
3<\/td>\nFirefox 32<\/td>\n8.03%<\/td>\n<\/tr>\n
4<\/td>\nInternet Explorer 11<\/td>\n7.31%<\/td>\n<\/tr>\n
5<\/td>\nChrome 36<\/td>\n5.62%<\/td>\n<\/tr>\n
6<\/td>\nAndroid 4<\/td>\n3.94%<\/td>\n<\/tr>\n
7<\/td>\nFirefox 31<\/td>\n3.91%<\/td>\n<\/tr>\n
8<\/td>\nInternet Explorer 8<\/td>\n3.66%<\/td>\n<\/tr>\n
9<\/td>\nInternet Explorer 9<\/td>\n3.08%<\/td>\n<\/tr>\n
10<\/td>\nInternet Explorer 10<\/td>\n2.34%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Normalde IE5'ten IE8'e kadar olan s\u00fcr\u00fcmler CSS3 Media Query desteklemez. Ama en az\u0131ndan IE8 CSS3 Media\u00a0Query desteklemelidir ve \u00e7apraz taray\u0131c\u0131 uyumu responsive web tasar\u0131mlar\u0131 i\u00e7in olduk\u00e7a \u00f6nemlidir. Burada\u00a0CSS3 Media Query sorunlar\u0131n\u0131 nas\u0131l \u00e7\u00f6zebilece\u011finizi anlataca\u011f\u0131m.<\/p>\n
\u0130\u015fte\u00a0css3-mediaqueries<\/a> denilen harika bir jQuery eklentisi. Kullan\u0131m\u0131 olduk\u00e7a kolay.<\/p>\n
jQuery Eklentisini \u0130ndirin<\/a> ve <\/body> etiketinin \u00fcst k\u0131sm\u0131na ekleyin.<\/p>\n
<<\/span>script src=<\/span>\"js\/css3-mediaqueries.js\"<\/span>><\/span><\/script><\/span>\r\n<\/pre>\n
Yada komut dosyas\u0131 eklemek ad\u0131na a\u015fa\u011f\u0131daki\u00a0yolu kullanabilirsiniz.<\/p>\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n<\/pre>\n<\/td>\n
\n
<!--<\/span> css3-<\/span>mediaqueries.<\/span>js for<\/span> IE less than 9<\/span> --><\/span>\r\n<!--<\/span> [<\/span>if<\/span> lt IE 9<\/span>]<\/span>><\/span>\r\n<<\/span>script src=<\/span>\"http:\/\/css3-mediaqueries-js.googlecode.com\/svn\/trunk\/css3-mediaqueries.js\"<\/span>><\/span><\/script><\/span>\r\n<!<\/span>[<\/span>endif<\/span>]<\/span>--><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Daha sonra stil sayfas\u0131nda media sorgusunu yazarak IE kontrol edin. Hatta en eski s\u00fcr\u00fcmler IE5 veya IE6, IE7 ve IE8 ile olduk\u00e7a g\u00fczel \u00e7al\u0131\u015facakt\u0131r.<\/p>\n
NOT:\u00a0<\/strong><\/p>\n
@import\u2019ed stylesheets \u00fczerinde \u00e7al\u0131\u015fmayacakt\u0131r.<\/em><\/strong><\/p>\n
Yaz\u0131m ortam\u0131n\u0131\u00a0bu \u015fekilde sorgulayabilirsiniz:<\/p>\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n<\/pre>\n<\/td>\n
\n
@<\/span>media screen and (<\/span>min-<\/span>width:<\/span> 980px)<\/span>\r\n{<\/span>\r\n\/* CSS Document *\/<\/span>\r\n}<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Kullan\u0131lan anahtar kelime 've' sorguda ('veya' desteklemez).<\/p>\n
Dikkat etmeniz gereken \u015fey \"ekran\" gerekli g\u00f6r\u00fcld\u00fc\u011f\u00fc \u015fekilde olmal\u0131d\u0131r.<\/p>\n\n\n\n
\n
1\r\n2\r\n<\/pre>\n<\/td>\n
\n
@<\/span>media (<\/span>min-<\/span>width:<\/span> 481px)<\/span> {<\/span> \/* ... *\/<\/span> }<\/span> bu \u015fekilde \u00e7al\u0131\u015fmayacakt\u0131r.\r\n@<\/span>media screen and (<\/span>min-<\/span>width:<\/span> 481px)<\/span> {<\/span> \/* ... *\/<\/span> }<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
***<\/p>\n
CSS\u00a0Media\u00a0Queries \u00a0kullan\u0131m\u0131 hakk\u0131nda baz\u0131 fikirleriniz varsa a\u015fa\u011f\u0131daki yorum alan\u0131n\u0131 kullanarak fikirlerinizi sunabilirsiniz. \u0130yi g\u00fcnler.<\/p>\n","protected":false},"excerpt":{"rendered":"
CSS3 web geli\u015ftiricileri\/tasar\u0131mc\u0131lar\u0131 ekran veya bask\u0131 gibi bir ortam t\u00fcr\u00fcn\u00fc tan\u0131mlamak ve geni\u015flik, y\u00fckseklik ya da y\u00f6nelim olarak ayarlanarak ko\u015fullar\u0131n i\u00e7eri\u011finin g\u00f6r\u00fcn\u00fcmlerini belirleyebiliriz. CSS Media\u00a0Queries bir ortam t\u00fcr\u00fcn\u00fc ve web i\u00e7eri\u011fini belirli bir ayg\u0131tta nas\u0131l g\u00f6sterilebilece\u011fini g\u00f6steren durumu birle\u015ftirmektedir. CSS media\u00a0Queries her kullan\u0131c\u0131 t\u00fcr\u00fc i\u00e7in iyi bir deneyim sunan, farkl\u0131 cihazlarda farkl\u0131 stilleri sunabilmek ad\u0131na […]<\/p>\n","protected":false},"author":1805522,"featured_media":3113,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,249],"tags":[],"yoast_head":"\nT\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries<\/title>\n<meta name=\"description\" content=\"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries\" \/>\n<meta property=\"og:description\" content=\"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-16T12:36:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-02-26T13:16:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/10\/CSS-Media-Queries-900x5381.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries (IE7 ve IE8 dahil)\",\"datePublished\":\"2014-10-16T12:36:25+00:00\",\"dateModified\":\"2015-02-26T13:16:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\"},\"wordCount\":493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"articleSection\":[\"CSS - CSS3\",\"Makaleler\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\",\"name\":\"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2014-10-16T12:36:25+00:00\",\"dateModified\":\"2015-02-26T13:16:08+00:00\",\"description\":\"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries (IE7 ve IE8 dahil)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries","description":"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/","og_locale":"tr_TR","og_type":"article","og_title":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries","og_description":"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.","og_url":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2014-10-16T12:36:25+00:00","article_modified_time":"2015-02-26T13:16:08+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/10\/CSS-Media-Queries-900x5381.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries (IE7 ve IE8 dahil)","datePublished":"2014-10-16T12:36:25+00:00","dateModified":"2015-02-26T13:16:08+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/"},"wordCount":493,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"articleSection":["CSS - CSS3","Makaleler"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/","url":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/","name":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2014-10-16T12:36:25+00:00","dateModified":"2015-02-26T13:16:08+00:00","description":"Responsive web sitelerinde ya\u015fad\u0131\u011f\u0131n\u0131z \u00e7apraz taray\u0131c\u0131 uyumlulu\u011funa son. \u015eimdi css3-mediaqueries ile tan\u0131\u015f\u0131n.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/tum-cihazlar-ve-tarayicilar-icin-css-media-queries-ie7-ve-ie8-dahil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"T\u00fcm Cihazlar ve Taray\u0131c\u0131lar i\u00e7in CSS Media Queries (IE7 ve IE8 dahil)"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2574"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=2574"}],"version-history":[{"count":8,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2574\/revisions"}],"predecessor-version":[{"id":3674,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/2574\/revisions\/3674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3113"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=2574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=2574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=2574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}