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
BrunoBB smalltalk@adinet.com.uy 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
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-pin...'). 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@lists.squeakfoundation.org