There are different ways to do this as follows:
1. Using jQuery Mobile
Dreamweaver CS 5.5 integrates with jQuery Mobile, which can help you create a mobile-friendly web application.
2. Set up CSS media queries
This requires creating media queries in your CSS to style the page for the different layouts. E.g. @Media (min-width: 576px) {......}
3. Use a Responsive Design Framework
Consider using a responsive design framework like Bootstrap. Although Dreamweaver CS 5.5 is quite old, you can still manually integrate Bootstrap into your project.
Ensure you include the viewport meta tag in your HTML <head> section to control the layout on mobile browsers:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
IMHO, option 3 is the way to go.
Wappler, the only real Dreamweaver alternative.
2
Replies
AdChoices