dreamweaverでライブの画面と、リアルタイムプレビューの結果が一致しない

Question

bootstrapでdreamweaverで使っているのですが、ライブの画面と、リアルタイムプレビューの結果が一致しません。
ライブでは以下のようになっているのですが

リアルタイムプレビューでは

のようにcontactがズレて出力されます
原因は何でしょうか？

Answer 1

Dreamweaverのバージョンによるかと思いますが、昔のDreamweaverのライブの画面は内部的なレンダリングなので、ずれることはあったかと思います。
最新版では改善されているような記述はありますが、それでもずれる場合はある程度のずれは仕方が無いかと思います。
ページのプレビュー

ライブビューが従来の Dreamweaver デザインビューと異なる点は、実際のブラウザー上にページが表示される様子を、より正確にレンダリングできることです。また、これを編集することも可能です。

リアルタイムプレビューでは、ページのコードを変更したときに、その結果をブラウザーやモバイルデバイスでリアルタイムにプレビューできます。
ライブビューでは、ページが Web でどのように表示されるかをプレビューし、コードビューで様々なアイテムを編集できます。
ページが Web でどのように表示されるかは、デザインビューでもプレビューできます。ただし、ブラウザーとまったく同じように表示されるわけではありません。

もしかするとバッドノウハウとして回避策はあるかもしれないので、bootstrap + dreamweaverで特有の回避策等を検索してみてもいいかもしれません。
あとはBootstrapは幅に応じてのブレークポイントがあるので、リアルタイムプレビューとライブの画面で画面の幅が違う事で2行と2列になっているのかもしれません。

Comments

[renren643]

回答ありがとうございました。
>あとはBootstrapは幅に応じてのブレークポイントがあるので、リアルタイムプレビューとライブの画面で画面の幅が違う事で2行と2列になっているのかもしれません。

おそらくこれでした。グリッドシステムを適当な値にしたところ、いい感じになってくれました。