How to make sure websites look good in Mobile Browsers?

Frequently Asked Questions about WYSIWYG Web Builder
Locked
User avatar
Pablo
 
Posts: 18455
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

How to make sure websites look good in Mobile Browsers?

Post by Pablo » Thu May 10, 2012 1:07 pm

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 WYSIWYG Web Builder objects uses Flash (expect for the Flash object of course...)
Do not use 'center the page in the browser window horizontally & vertically'. This will not on small screens!

Also keep in mind that touch devices do not have mouse, so using rollover images or rollover menu will not do anything.

To make sure your layout looks good in mobile browsers and regular browsers we recommend to use a page width of 970 pixels. Also center the page for the best results in higher resolution browsers.
viewtopic.php?f=10&t=153

If you want to design your layout specially for mobile browsers then select 'Apple iPhone' (or any other size) as the target screen size in Page Properties.
Then design your layout for that screen size. You can use one of the 'Redirect' scripts in Menu->Insert->Advanced->Ready-to-use-JavaScripts to redirect the user to the mobile-optimized page.

If your website uses large blocks of text then also take note of this related FAQ:
viewtopic.php?f=10&t=34318

User avatar
Pablo
 
Posts: 18455
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Sep 14, 2012 6:22 am

To prevent mobile devices from scaling the layout you can use the following meta tag.

Code: Select all

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
place this code between the head tags of the page HTML.

User avatar
Pablo
 
Posts: 18455
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Tue Aug 26, 2014 6:16 am

WYSIWYG Web Builder 10 now supports Responsive Web Design!
http://wysiwygwebbuilder.com/responsivewebdesign.html

Related FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

We also added a dedicated mobile web page designer:
http://wysiwygwebbuilder.com/mobilewebdesign.html

Locked

Who is online

Users browsing this forum: No registered users and 1 guest