Warning: Declaration of Jetpack_IXR_Client::query() should be compatible with IXR_Client::query(...$args) in /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php on line 0

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794

Warning: Cannot modify header information - headers already sent by (output started at /home/onedesign/1design.jp/public_html/wp-content/plugins/jetpack/vendor/automattic/jetpack-connection/legacy/class-jetpack-ixr-client.php:0) in /home/onedesign/1design.jp/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1794
{"id":1844,"date":"2016-08-25T11:05:44","date_gmt":"2016-08-25T02:05:44","guid":{"rendered":"https:\/\/1design.jp\/?p=1844"},"modified":"2018-10-26T11:18:35","modified_gmt":"2018-10-26T02:18:35","slug":"%e3%80%90css%e3%80%91img%e7%94%bb%e5%83%8f%e3%81%ae%e7%b8%a6%e6%a8%aa%e6%af%94%e3%82%92%e4%bf%9d%e3%81%a3%e3%81%9f%e3%81%be%e3%81%be%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e5%86%85%e3%81%ab%e5%8f%8e","status":"publish","type":"post","link":"https:\/\/1design.jp\/web-development\/css\/1844","title":{"rendered":"\u3010CSS\u3011img\u753b\u50cf\u306e\u7e26\u6a2a\u6bd4\u3092\u4fdd\u3063\u305f\u307e\u307e\u30dc\u30c3\u30af\u30b9\u5185\u306b\u53ce\u3081\u308b\u65b9\u6cd5"},"content":{"rendered":"

\u8981\u4ef6\u6982\u8981:<\/strong><\/p>\n

\n
\u30dc\u30c3\u30af\u30b9\u306e\u30b5\u30a4\u30ba\u306f\u56fa\u5b9a<\/li>\n
\u6a2a\u9577\u306e\u753b\u50cf\u304c\u6765\u305f\u3089\u30dc\u30c3\u30af\u30b9\u306e\u6a2a\u5e45\u306b\u5408\u308f\u305b\u308b<\/li>\n
\u7e26\u9577\u306e\u753b\u50cf\u304c\u6765\u305f\u3089\u30dc\u30c3\u30af\u30b9\u306e\u7e26\u5e45\u306b\u5408\u308f\u305b\u308b<\/li>\n
\u753b\u50cf\u30b5\u30a4\u30ba\u304c\u30dc\u30c3\u30af\u30b9\u30b5\u30a4\u30ba\u3088\u308a\u5c0f\u3055\u3044\u5834\u5408\u306f\u305d\u306e\u307e\u307e<\/li>\n
\u7e26\u6a2a\u4e2d\u592e\u63c3\u3048<\/li>\n<\/ul>\n $\"img-in-box\"$ \n
\u7d50\u8ad6\u304b\u3089\u3044\u3046\u3068\u3001\u300c\u7e26\u6a2a\u4e2d\u592e\u63c3\u3048\u300d\u4ee5\u5916\u306e\u8981\u4ef6\u306f\u4e0b\u8a18\u306eCSS\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n
img {\r\n width:auto;\r\n height:auto;\r\n max-width:100%;\r\n max-height:100%;\r\n}<\/pre>\n
\u30dc\u30c3\u30af\u30b9\u5185\u3067\u753b\u50cf\u3092\u7e26\u6a2a\u306b\u4e2d\u592e\u63c3\u3048\u3055\u305b\u305f\u3044\u5834\u5408\u3082\u591a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u30c7\u30e2\u3092\u7528\u610f\u3057\u307e\u3057\u305f\u306e\u3067\u3001\u3054\u53c2\u8003\u4e0b\u3055\u3044\u3002<\/p>\n
See the Pen 4 way to keep image ratio inside a box<\/a> by wang (@yaquawa<\/a>) on CodePen<\/a>.<\/p>\n