<source> issue with design view

[Puddingsp]

I have a very bizarre issue with Dreamweaver (version being used 2017.1). When I add the html5 line

    <source srcset="xxxxx.jpg" media="(min-width: 650px)">

some of the CSS formatting following the line is not displayed in the design view. The code is to load images responsively and is bracketed by picture tags eg

<picture>

     <source srcset="xxxxx.jpg" media="(min-width: 650px)">

  <img src="xxx-mob.jpg" alt="xxxxx" class="xxxxxxxx">

</picture>

Following the guidance from:

https://www.w3schools.com/tags/tag_picture.asp

The design view acts normally before this line but after certain CSS effects are hidden. For example borders (around images), background images, border radius are just not seen. Margins. font sizes, colours and other formatting are displayed correctly. When I take out the offending <source> line everything appears normal.

There are no errors and the page works fine in a web browser and also in live view (which takes forever to open).

I’m confused but thanks for reading my question.

Phil

[Jon Fritz]

Design View doesn't understand <picture> (or a great many html5 and css3 items) yet, and may never understand it/them.

Verify whether it works as expected in Live View, or better yet, in the actual browsers. If your code is valid and works as expected in the browser, you're good to go. Design View is simply incredibly limited in what it can display.