Material Design Lite with mobile phones

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Material Design Lite with mobile phones

BrunoBB
Hi,

We have Pharo project with Seaside + MDL.
In a PC the site is responsive (img-02.png) but in the mobile phone does not
re organize components, it just zoom-out the web page (img-01.png).

Does anyone is using MDL with mobile phones ?

The problem maybe in the phone, in MDL or in the Pharo package.
Still researching on this ....

regards,
bruno
img-02.png <http://forum.world.st/file/t111409/img-02.png>  
img-01.jpg <http://forum.world.st/file/t111409/img-01.jpg>  



--
Sent from: http://forum.world.st/Seaside-General-f86180.html
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Material Design Lite with mobile phones

Stephan Eggermont-3
BrunoBB <[hidden email]> wrote:
> Hi,

We have Pharo project with Seaside + MDL.
In a PC the site is responsive (img-02.png) but in the mobile phone does
not
re organize components, it just zoom-out the web page (img-01.png).

Does anyone is using MDL with mobile phones ?

The problem maybe in the phone, in MDL or in the Pharo package.
Still researching on this ....

Well known problem: phone has a high resolution and so responsiveness
should take into account actual screen size. Stackoverflow?

Stephan

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: Material Design Lite with mobile phones

BrunoBB
Hi,

Fixed with ([meta name="viewport" content="width=device-width,
initial-scale=1.0"] ):

WAMyWebComponent
updateRoot: anHtmlRoot

        super updateRoot: anHtmlRoot.

   anHtmlRoot beHtml5.
   anHtmlRoot stylesheet url: (WAUrl absolute:
'https://storage.googleapis.com/code.getmdl.io/1.3.0/material.deep_purple-pink.min.css').
        anHtmlRoot javascript add: 'hljs.initHighlightingOnLoad();'.
        anHtmlRoot meta
                name: 'viewport';
                content: 'width=device-width, initial-scale=1.0'.



--
Sent from: http://forum.world.st/Seaside-General-f86180.html
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside