{"id":1491,"date":"2011-09-20T01:31:19","date_gmt":"2011-09-19T16:31:19","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=1491"},"modified":"2012-02-10T00:39:40","modified_gmt":"2012-02-09T15:39:40","slug":"iphone4%e7%ad%89%e3%81%ae%e9%ab%98%e8%a7%a3%e5%83%8f%e5%ba%a6%e3%83%87%e3%83%90%e3%82%a4%e3%82%b9%e5%af%be%e5%bf%9c-%e7%94%bb%e5%83%8f%e3%82%92-css%e3%81%a7%e3%81%ae%e5%88%87%e3%82%8a%e6%9b%bf","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=1491","title":{"rendered":"iPhone4\u7b49\u306e\u9ad8\u89e3\u50cf\u5ea6\u30c7\u30d0\u30a4\u30b9\u5bfe\u5fdc \u753b\u50cf\u3092 css\u3067\u306e\u5207\u308a\u66ff\u3048"},"content":{"rendered":"<p>\u524d\u56de\u306e\u88dc\u8db3\uff1f\u7d9a\u304d\u306b\u306a\u308b\u306e\u3067\u3059\u304c\u3001<\/p>\n<h3 style=\"margin-top: 1em;\"><a href=\"https:\/\/www.webcyou.com\/?p=396\">\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 devicePixelRatio\u3000\u306b\u3064\u3044\u3066<\/a><\/h3>\n<p style=\"margin-top: 1em;\">iPhone3GS \u00a0iPhone4\u3067\u306f\u89e3\u50cf\u5ea6\u306b\u9055\u3044\uff082\u500d\u306e\u89e3\u50cf\u5ea6\uff09\u306b\u3088\u308a\u3001<\/p>\n<p style=\"margin-top: 1em;\">\u914d\u7f6e\u3057\u305f\u753b\u50cf\u304c\u30d4\u30f3\u307c\u3051\u3057\u3061\u3083\u3044\u307e\u3059\u3002\uff08\u30a2\u30f3\u30c9\u30ed\u30a4\u30c9\u306f1.5\u500d\u6a5f\u7a2e\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u304c\u3002\uff09<\/p>\n<p style=\"margin-top: 1em;\">\u305d\u308c\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u3001\u901a\u5e38\u306e\u753b\u50cf\u306e2\u500d\u306e\u753b\u50cf\u3092\u7528\u610f\u3057\u3001<\/p>\n<p style=\"margin-top: 1em;\">css\u3067\u30b5\u30a4\u30ba\u306e\u8abf\u6574\u3092\u884c\u3046\u3002\u3063\u3066\u65b9\u6cd5\u3092\u524d\u56de\u7d39\u4ecb\u3057\u307e\u3057\u305f\u304c\u3001<\/p>\n<p style=\"margin-top: 1em;\"><strong>\u901a\u5e38\u753b\u50cf<\/strong><\/p>\n<p style=\"margin-top: 1em;\">180px\u00d766px<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/webcyou-logo.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/webcyou-logo.png\" title=\"webcyou-logo\" width=\"180\" height=\"66\" class=\"alignnone size-full wp-image-801\" \/><\/a><\/p>\n<p style=\"margin-top: 1em;\"><strong>2\u500d\u753b\u50cf<\/strong><\/p>\n<p style=\"margin-top: 1em;\">360px\u00d7122px<\/p>\n<p style=\"margin-top: 1em;\"><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/c8808e855c01c4d8ca374266e517ad1c.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/c8808e855c01c4d8ca374266e517ad1c.png\" title=\"webcyou-logo@2x\" width=\"360\" height=\"131\" class=\"alignnone size-full wp-image-802\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/c8808e855c01c4d8ca374266e517ad1c.png 360w, https:\/\/www.webcyou.com\/wp-content\/uploads\/c8808e855c01c4d8ca374266e517ad1c-300x109.png 300w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p style=\"margin-top: 1em;\"><strong>CSS<\/strong><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;br \/&gt;\n.image img{&lt;br \/&gt;\nwidth:180px;&lt;br \/&gt;\nheight:66px;&lt;br \/&gt;\n}&lt;br \/&gt;\n<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u3066\u306a\u611f\u3058\u30672\u500d\u753b\u50cf\u3092\u914d\u7f6e\u3057CSS\u3067\u901a\u5e38\u30b5\u30a4\u30ba\u306b\u8abf\u6574\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001<\/p>\n<p style=\"margin-top: 1em;\">iPhone3g\uff08devicePixelRatio 1.0\uff09\u3068iPhone4g\uff08devicePixelRatio 2.0\uff09\u306e\u69d8\u306b<\/p>\n<p style=\"margin-top: 1em;\">\u7570\u306a\u308b\u89e3\u50cf\u5ea6\uff08devicePixelRatio\uff09\u3067\u3082\u7dba\u9e97\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\">\u3053\u306e\u65b9\u6cd5\u3067\u3082\u554f\u984c\u306a\u3044\u306e\u3067\u3059\u304c\u3001<\/p>\n<p style=\"margin-top: 1em;\">iPhone3g\u7b49\uff08devicePixelRatio 1.0)\u306e\u6642\u3067\u30822\u500d\u306e\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u3093\u3067\u304b\u3089\u7e2e\u5c0f\u3055\u305b\u308b\u3068\u306a\u308b\u3068\u3001<\/p>\n<p style=\"margin-top: 1em;\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u843d\u3061\u308b\u7d50\u679c\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\">\u305d\u3053\u3067\u3001devicePixelRatio\u304c1\u306e\u30c7\u30d0\u30a4\u30b9\u306e\u5834\u5408\u306f\u901a\u5e38\u30b5\u30a4\u30ba\u306e\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f<\/p>\n<p style=\"margin-top: 1em;\">2\u306e\u5834\u5408\u306e\u30c7\u30d0\u30a4\u30b9\u306f2\u500d\u30b5\u30a4\u30ba\u306e\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u3080\u3088\u3046\u306b<\/p>\n<p style=\"margin-top: 1em;\">css\u3067\u8aad\u307f\u8fbc\u3080\u753b\u50cf\u306e\u5207\u308a\u66ff\u3048\u3092\u884c\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n<p style=\"margin-top: 1em;\">\u305d\u3046\u3059\u308b\u4e8b\u306b\u3088\u3063\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u306f\u304b\u308c\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\">\u753b\u50cf\u3092\u80cc\u666f\u6307\u5b9a\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p style=\"margin-top: 1em;\"><strong>\u901a\u5e38 iPhone3g\u7b49\uff08devicePixelRatio 1.0)\u7528CSS<\/strong><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;br \/&gt;\n.image{&lt;br \/&gt;\nbackground-image:url(webcyou-logo.png) no-repeat;&lt;br \/&gt;\nbackground-position:left top;&lt;br \/&gt;\n}<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\"><strong>\u9ad8\u89e3\u50cf\u5ea6\u30c7\u30d0\u30a4\u30b9 iPhone4\u7b49\uff08devicePixelRatio 2.0)\u7528CSS<\/strong><\/p>\n<p><pre class=\"brush: plain; title: ; notranslate\" title=\"\">@media only screen and  (-webkit-device-pixel-ratio: 2){&lt;br \/&gt;\n.image{&lt;br \/&gt;\nbackground-image:url(webcyou-logo@2x.png) no-repeat;&lt;br \/&gt;\n-webkit-background-size:180px 66px;&lt;br \/&gt;\nbackground-position:left top;&lt;br \/&gt;\n}&lt;br \/&gt;\n}<\/pre>\n<\/p>\n<p style=\"margin-top: 1em;\">\u3053\u306e\u3088\u3046\u306bCSS3\u306e\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306b\u3088\u308b\u30d5\u30a3\u30eb\u30bf\u3067\u3001\u80cc\u666f\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u306e\u88dc\u8db3\uff1f\u7d9a\u304d\u306b\u306a\u308b\u306e\u3067\u3059\u304c\u3001 \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 devicePixelRatio\u3000\u306b\u3064\u3044\u3066 iPhone3GS \u00a0iPhone4\u3067\u306f\u89e3\u50cf\u5ea6\u306b\u9055\u3044\uff082\u500d\u306e\u89e3\u50cf\u5ea6\uff09\u306b\u3088\u308a\u3001 \u914d\u7f6e\u3057\u305f\u753b\u50cf\u304c\u30d4\u30f3\u307c\u3051\u3057\u3061\u3083\u3044\u307e\u3059\u3002\uff08\u30a2\u30f3\u30c9\u30ed\u30a4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[177,166,178],"class_list":["post-1491","post","type-post","status-publish","format-standard","hentry","category-iphone","tag-css3","tag-iphone","tag-178"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1491"}],"version-history":[{"count":4,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1491\/revisions"}],"predecessor-version":[{"id":2818,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/1491\/revisions\/2818"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}