How to make sure websites look good in Mobile Browsers?

Frequently Asked Questions about Quick 'n Easy Web Builder
Locked
User avatar
pablo
Site Admin
Posts: 3985
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

How to make sure websites look good in Mobile Browsers?

Post by pablo »

In general mobile devices will render websites the same way as in PC based browsers with exception of Adobe Flash content.
If you want your website to be displayed also in mobile browsers then do not use Flash.
None of the standard Quick 'n Easy Web Builder objects uses Flash (expect for the Flash object of course...)

To make sure your layout looks good in mobile browsers and regular browsers we recommend to use a (fixed) page width of 970 pixels. Also center the page for the best results in higher resolution browsers.

If you want to design your layout specially for mobile browser then set the page size 320x480 and add the following meta tags to 'User defined' meta tags (in the Page Properties):

Code: Select all

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
You can use one of the 'Redirect' scripts in Menu->Insert->Extra->Ready-to-use-JavaScripts to redirect the user to the mobile-optimized page.
User avatar
pablo
Site Admin
Posts: 3985
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: How to make sure websites look good in Mobile Browsers?

Post by pablo »

If you like to create responsive layouts then the jQuery Masonry extension may be useful:
http://www.wysiwygwebbuilder.com/suppor ... metro.html (Windows 8 metro style!)
http://www.wysiwygwebbuilder.com/suppor ... test1.html
http://www.wysiwygwebbuilder.com/suppor ... test2.html

You can download/install the jQuery Masonry extension through the Extension Manager.
Locked