Live View vs. External Browser Preview: Which accurately renders Subgrid and Container Queries?
0 reputation · 24 Jul 2023, 01:03 UTC
Goal
Front‑end developers using Dreamweaver CC 2017+ need to confirm that the CSS features they write—such as grid-template-rows: subgrid and @container queries—appear correctly during the design workflow.
Constraints & Uncertainty
Dreamweaver’s Live View relies on an embedded Chromium‑based CEF engine whose version is tied to each Dreamweaver release. The engine often lags upstream Chromium, potentially lacking support for recently standardized selectors like :has() or the latest CSS Grid extensions. External browser preview (Real‑time Preview / F12) launches the system’s default browser, which is up‑to‑date but breaks the tight edit‑inspect‑refresh loop inside Dreamweaver. Adobe’s documentation admits that Live View is not a substitute for testing in target browsers, yet no public CEF‑version compatibility matrix exists.
Unresolved Questions
- Does Dreamweaver’s Live View render
grid-template-rows: subgridcorrectly in the current release, or does it fall back to a legacy layout? - When using External Browser Preview, does the rendering of
@containerqueries always match the latest Chrome or Edge output, regardless of the local server setup? - Is there an officially documented mapping between Dreamweaver release numbers and the shipped CEF/Chromium version that developers can reference?
dreamweaver