{"id":7120,"date":"2021-02-05T09:59:38","date_gmt":"2021-02-05T00:59:38","guid":{"rendered":"https:\/\/takuyakobayashi.jp\/blog\/?p=7120"},"modified":"2021-02-11T12:48:51","modified_gmt":"2021-02-11T03:48:51","slug":"iphone%e3%81%a7table%e3%82%92displayblock%e3%81%8c%e5%8a%b9%e3%81%8b%e3%82%93%e3%81%9e","status":"publish","type":"post","link":"https:\/\/takuyakobayashi.jp\/blog\/2021\/02\/05\/7120","title":{"rendered":"iPhone\u3067table\u306b\u5bfe\u3059\u308bdisplay:block\u304c\u52b9\u304b\u3093\u305e"},"content":{"rendered":"

\u90e8\u5206\u7684\u306btable\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u4f7f\u7528\u3055\u308c\u305f\u30b5\u30a4\u30c8\u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5316\u306e\u969b\u306btable\u3092display:block\u3067\u843d\u3068\u3059\u3068\u3044\u3046\u624b\u6bb5\u3092\u3088\u304f\u4f7f\u3046\u304c\u3001\u4e3b\u306biPhone\u3067\u671f\u5f85\u901a\u308a\u306e\u6319\u52d5\u3092\u793a\u3055\u306a\u3044\u5834\u5408\u304c\u3042\u308b\u3002<\/p>\n

\u305d\u306e\u539f\u56e0\u306f\u6b21\u306e3\u3064\u304c\u8003\u3048\u3089\u308c\u308b<\/p>\n

display:block\u3092\u5f53\u3066\u3089\u308c\u3066\u306a\u3044<\/h2>\n

\u6b21\u306e\u3088\u3046\u306a\u30bd\u30fc\u30b9\u306b\u5bfe\u3057\u3066\u3001table,th,td { display:block; width:100%; }\u3068\u3057\u3066\u3082\u843d\u3061\u305a\u6a2a\u5e45100%\u306b\u3082\u306a\u3089\u306a\u3044\u5834\u5408\u304c\u3042\u308b\u3002<\/p>\n

<table>
\n<tr>
\n<th><\/th>
\n<td><\/td>
\n<\/tr>
\n<\/table><\/p>\n

\u306a\u305c\u304b\u3068\u3044\u3046\u3068\u3001tr\u306bdisplay: table-row\u304c\u52b9\u3044\u3066\u3044\u308b\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u3067\u63cf\u5199\u3055\u308c\u308b\u969b\u306btbody\u304c\u751f\u6210\u3055\u308c\u308b\u305f\u3081\u3067\u3042\u308b\u3002<\/p>\n

table\u3092block\u306b\u3059\u308b\u306b\u306f table,tbody,tr,th,td { display:block; width:100%; }<\/strong> \u3068\u3057\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3002<\/p>\n

\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u6307\u5b9a\u3092\u9593\u9055\u3048\u3066\u3044\u308b<\/h2>\n

\u6b63\u3057\u3044\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u6307\u5b9a\u306f\u6b21\u306e\u901a\u308a\u3002<\/p>\n

<meta name=”viewport” content=”width=device-width,initial-scale=1.0″><\/strong><\/p>\n

\u3061\u306a\u307f\u306b\u81ea\u5206\u306e\u5834\u5408\u306f\u6b21\u306e\u3088\u3046\u306b\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002<\/p>\n

<meta name=”viewport” content=”width=device-width”><\/p>\n

device-width\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u6697\u9ed9\u7684\u306binitial-scale=1\u306b\u306a\u308b\u3002\u660e\u793a\u7684\u306b\u6307\u5b9a\u3059\u308b\u304b\u5426\u304b\u306f\u597d\u307f\u306e\u554f\u984c\u3060\u3068\u601d\u3046\u3002<\/p>\n

\u5ba3\u8a00\u304c\u9593\u9055\u3063\u3066\u3044\u308b<\/h2>\n

css\u3082\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u3082\u5408\u3063\u3066\u3044\u308b\u306e\u306btable\u3078\u306edisplay:block;\u304c\u52b9\u304b\u306a\u3044\u5834\u5408\u304c\u3042\u308b\u3002\u305d\u306e\u5834\u5408\u306f\u5ba3\u8a00\u304c\u9593\u9055\u3063\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u3002<\/p>\n

\u300c<!DOCTYPE HTML PUBLIC “-\/\/W3C\/\/DTD\uff5e\u3068\u3044\u3046\u3088\u3046\u306aHTML4\u3084XHTML\u306e\u5ba3\u8a00\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u305f\u5834\u5408\u3001iPhone\u306eSafari\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u4e00\u90e8\u74b0\u5883\u3067\u306f\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u6307\u5b9a\u304c\u52b9\u304b\u305a\u3001\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3067\u6307\u5b9a\u3057\u305f\u30b9\u30bf\u30a4\u30eb\u304c\u52b9\u304b\u306a\u3044\u3068\u3044\u3046\u73fe\u8c61\u304c\u8d77\u3053\u308b\u3002<\/p>\n

\u6b21\u306e\u5ba3\u8a00\u6587\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u671f\u5f85\u901a\u308a\u306e\u8868\u793a\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u308b\u3002<\/p>\n

<!DOCTYPE HTML><\/p>\n","protected":false},"excerpt":{"rendered":"

\u90e8\u5206\u7684\u306btable\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u4f7f\u7528\u3055\u308c\u305f\u30b5\u30a4\u30c8\u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5316\u306e\u969b\u306btable\u3092display:block\u3067\u843d\u3068\u3059\u3068\u3044\u3046\u624b\u6bb5\u3092\u3088\u304f\u4f7f\u3046\u304c\u3001\u4e3b\u306biPhone\u3067\u671f\u5f85\u901a\u308a\u306e\u6319\u52d5\u3092\u793a\u3055\u306a\u3044\u5834\u5408\u304c\u3042\u308b\u3002 \u305d\u306e\u539f\u56e0\u306f\u6b21\u306e3\u3064\u304c\u8003\u3048\u3089 … \u7d9a\u304d\u3092\u8aad\u3080 iPhone\u3067table\u306b\u5bfe\u3059\u308bdisplay:block\u304c\u52b9\u304b\u3093\u305e<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-7120","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/7120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/comments?post=7120"}],"version-history":[{"count":0,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/7120\/revisions"}],"wp:attachment":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/media?parent=7120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/categories?post=7120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/tags?post=7120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}