何もありませんね?ニコニコ大百科の限られた仕様の中でこれに対応したい場合、中身は空だが幅だけ指定されたdiv要素を挟むというテクニックが考えられる。この枠内でそれを実行している。画面が狭くなって回り込むスペースが指定した幅以下になると、自動的に下へ押しやられることになる。以下がサンプルのコードである。空のdiv要素は画像または表と反対方向にフロートさせ、直後の文章でそれを解除するのがミソ。サンプルでは幅を150pxにしているが、好みに合わせて調整するといいだろう。left;">回り込む(または回り込まない)文章</p>一文字の単語記事への自動リンクPC版では、一文字の単語記事への自動リンクが存在しても本文(#303030)とほとんど変わらない色(#444444)であるため邪魔になりにくい。これは従来のスマートフォン版でも同様だった。ところが仕様変更後は二文字以上の記事へのリンクと同じ色(#0066cc)となってしまった。これによって文章の中に青と黒が入り乱れて、単純に読みづらいだけでなく、シロナガスクジラ現象が起きやすく誤タッチを誘発しやすい。マウスを重ねればリンクの範囲が分かるパソコンのブラウザとは違って一度触ったら基本的にそのページに遷移してしまうスマートフォンの仕様が仇となっている。禁則処理がなされていないスマートフォン版ニコニコ大百科では句読点や閉じ括弧が行頭に来てしまう状況がしばしば見られる。言い方を変えれば、禁則処理がなされていない。break-all;(一切の禁則処理をしない設定)が指定されているようだ。これも一般編集者が手出しをできる設定ではない。掲示板に画像サイズの小さなお絵カキコがあった場合、それが極端に拡大された状態で表示される不具合(仕様?)が確認されている。引き伸ばされているため、目の粗いモザイク画像のように見えてしまう。スマホ版の編集履歴でフッターの「PC版」ボタンを押しても、PC版編集履歴には飛ばずPC版トップページに飛ばされてしまう。現状、URLの「dic.nicovideo.jp/t/revs/~」を「dic.nicovideo.jp/revs/~」に直す、あるいはPC版の記事経由で編集履歴を閲覧することで対処可能。修正済みの問題点[修正済]番号付きリスト<ol>と定義リスト<dl>の仕様変更(というか除去?)※番号付きリスト<ol>の問題は2018年4月に、定義リスト<dl>の問題は同年8月24日に修正されている。この両者は<ul>とは逆の方向で悲惨なことになっている。今あなたはこの記事をスマートフォンで閲覧しているだろうか。この文章を見て何かに気づいただろうか。実はさっきから<ol>番号付きリストで書いているのだ。パソコンで閲覧していて何のこっちゃと思った方はここをクリックしてスマホ版で表示してみよう。見事に番号が消えているのだ。ご丁寧に余白も全て削除である。理由は考えるまでもなく、reset.cssで全てのスタイルをまっさらにした後何ら上書きされていないからだ。スタイルを指定しよう。全ての<li>タグに。これに加えて余白、特に左側の余白を確保する必要がある。指定しておけば良い感じになる。いくら目に付く<ol>を修正しても、記事の最後に絶望が待っている。脚注もまた<ol>リストなのだ。これに関しては本当に諦めるしかない。定義リスト<dl>それは見出し<dt>とその定義<dd>からなるリストである。発生している問題これも<ol>同様、<dl><dt><dd>全ての装飾が引っぺがされている。本来あるべき装飾まず<dt>は太字で<dd>は左に一文字分くらいのインデントが挿入されるのが一般的である。対処法とりわけ<dt>が太字でなくなるのが著しく可読性を下げてしまう。残念ながら一つ一つの要素にスタイルを再指定するしかない。[修正済]表の枠線が消えて余白がない※この問題は2018年8月28日に修正された。表<table>も大きな問題を抱えている。何がどうまずいかは、PC版で以下の表を読んでいただくかスマホ版で以下の表の惨状をご覧いただくかすればご理解いただけるだろう。この表には文字色以外一切のスタイルを指定していない。center;)表が表としての体裁をなさない。見られる状態にするには全てのセル(<th>と<td>)に枠と余白のスタイルを設定しなければならず、大きな表では大変な労力を要する(せめてテキストエディタで作業したい)。数十から数百個単位の記事で使われているテンプレートの中にもこの仕様の影響を受けてしまっているものがあり、手動で対応しようものなら必要となる時間は計り知れない。※この問題は2018年8月28日に修正された。H2O上記は<sup>または<sub>で数字を上/下付きにしているが、スマホ版だと「H2O」のように表示されてしまう(→スマホ版での表示を確認する)。PC版と同様に表示するためには、現状<sup><sub>を使わずに<span>で代用する必要がある。以下にサンプルを掲載。75%;">下付き文字</span>ちなみに、脚注へのリンク[1]も<sup>で本来なら上付き文字なのだが、スマホ版では通常のフォントである。そのせいで分かりにくかったり、場合によっては邪魔になってしまったりしている。※この問題は2018年6月ごろに修正された。表記すべきところが「初版作成日」となっており、本来の「初版作成日」と見分けが付きづらくなっている(スマホ版での表示を確認する)。「初版作成日」と同じかそれよりあとの日時にしかなりえないため、今現在に近いほうが「最終更新日」、もう片方が「初版作成日」と一応の区別はできる。上記の「掲示板でのお絵カキコの表示」と同様に、PC版で閲覧することで対処ができる。[修正済]大百科トップページにおけるユーザ記事等へのリンク※この問題は2018年4月18日に修正された。大百科トップページにユーザ記事があった場合、それをタップしてもユーザ記事ヘは行かず、そのユーザのIDの単語記事へ行ってしまう。同様の症状は動画記事でも確認されており、おそらく商品記事やコミュニティ記事でも起こるとみられる。対処法としては、その記事名をヘッダーの検索欄に入れて検索し、該当の記事カテゴリタブをタップすることがあげられる。[修正済]編集時にスマホ版の表示が確認できない※この問題は2018年6月13日に修正された。この点は引き続き未解決のままである。現状では、とりあえずパソコン上から記事を編集してアップロードしてしまい、それをスマートフォンで確認するのが手っ取り早い。試行錯誤しながら更新を試みると編集履歴が無駄に膨らんでしまって他の編集者の利便性を損なうので、やり直しが予想される場合は自分のユーザー記事で表示を確認するなどの工夫が必要となるだろう。ChromeやFirefoxなどのブラウザに備わっている開発者ツールを利用することがあげられる。このTwitterモーメントでわかりやすく説明されているので、詳しくはそちらを参照のこと。ユーザスクリプトが公開されている。Nicopedia-Smartphone-Previewerこのスクリプトを入れると、記事の編集画面上部(プレビュー部分の真上)に「スマホ版プレビュー」という枠が自動的に生成され、最新のスマートフォン版ニコニコ大百科と同じスタイルシートを適用したレイアウトが確認できる。7、iPadに対応したサイズの画面を指定でき、それを回転させることも可能である。記事を参考にして導入されたい。一般論としてスクリプトの利用はリスクを伴う(アドオンなどと違って公開されているスクリプトは基本的に審査されていないので、悪意のあるスクリプトを入れてしまうとセキュリティ上とてもまずい)ことを承知の上で操作すること。導入してみて大きな問題が発生しないことを確認している。使ってこのスクリプトを読み込んだところ正常に動作しなかった。指定されているだけで、実は他の三方は全く余白が確保されていない。使って箇条書きを二段組みにするとどうなるかと言えば......↗こんな風に左側の行末が右側のマーカーとくっついてしまう。大百科スマートフォン版niconicoスマートフォンサービスニコニコ大百科:HTMLタグ一覧ニコニコ大百科:HTML各要素のデフォルトCSS脚注*今あなたがクリック(タップ)した奴のこと。Qpqogg79S7>>103デフォルトでは、はみ出す事はありえないはずですよ。220px;とwidthプロパティが指定されているのでツイート貼り付けを入れている要素のwidthプロパティに問題があります。103は撤回させてください。はみ出してる記事を見てデフォルトでそうなっているものと早とちりしてしまいました...。17:41編集コメント:脚注の「かつては〜」除去。番号なしリスト<ul>の仕様変更の最後を修正済みに移動。編集履歴を見るキャンセルウォッチリストに追加しました!すでにウォッチリストに入っています。OK追加に失敗しました。OK追加にはログインが必要です。キャンセルログインほめた!すでにほめています。ほめるを取消すOKすでにほめています。ほめるを取消すOKほめるを取消しました。OKほめるに失敗しました。OKほめるの取消しに失敗しました。OKほめるにはログインが必要です。キャンセルログインタグ編集にはログインが必要です。キャンセルログインタグ編集には利用規約の同意が必要です。キャンセル利用規約を読むTOP運営元:ドワンゴPC。