viewport

Make content to scale and fit with PhoneGap (using viewport)

由 。_饼干妹妹 提交于 2019-12-01 15:31:29
问题 I am trying to adapt and port an old project to PhoneGap. So far, the project works properly under Android browsers but it doesn't with PhoneGap since it doesn't adapt the content to fit the whole screen. It always leave a blank space and that's not what I would want. PhoneGap doesn't seem to pay attention to my viewport property in the metatag I am using. I have been doing some tests to find out the problem without any kind of result. For example, the following test just contains two files:

Phonegap iFrame/page scaling

由 安稳与你 提交于 2019-12-01 13:50:53
I have a page that uses the following code when dealing with mobile devices <meta name="viewport" content="width=device-width, initial-scale=.7, maximum-scale=2, user-scalable=1"> This code works great when viewed in a web browser on a mobile device. Now I am trying to create a Phonegap application with this very same page in an iframe in the application. However, the scaling/viewport is not working at all. Regardless of the numbers I put in for the scaling, the scale is still the same. It will not change. The reason I am trying to do this is that my Phonegap application is tying together two

Phonegap iFrame/page scaling

由 北慕城南 提交于 2019-12-01 12:47:52
问题 I have a page that uses the following code when dealing with mobile devices <meta name="viewport" content="width=device-width, initial-scale=.7, maximum-scale=2, user-scalable=1"> This code works great when viewed in a web browser on a mobile device. Now I am trying to create a Phonegap application with this very same page in an iframe in the application. However, the scaling/viewport is not working at all. Regardless of the numbers I put in for the scaling, the scale is still the same. It

Pause and play video when in viewport

由 一笑奈何 提交于 2019-12-01 12:08:18
问题 I was experimenting with play and pause when a video is within the viewport... when I was searching around I found the following code.. which unfortunately didn't work: jQuery $(window).scroll(function(){ if ($(window).scroll(100)){ $('#video').play; } }); HTML <video preload="auto" loop="loop" id="background"> <source src="background/background1.mp4" type="video/mp4"> </source> <source src="background/background1.webm" type="video/webm"> </source> </video> I've also tried the code on the

libgdx Viewports - Why when I use FitViewport the touch input x and y is not accurate?

由 為{幸葍}努か 提交于 2019-12-01 11:00:39
libgdx Viewports - Why when I use FitViewport the touch input x and y is not accurate? Use viewport.unproject() instead of camera.unproject() so the cropping of the FitViewport is taken into acount. 来源： https://stackoverflow.com/questions/38226563/libgdx-viewports-why-when-i-use-fitviewport-the-touch-input-x-and-y-is-not-acc

WP8 IE10 viewport issue

由 强颜欢笑 提交于 2019-12-01 08:52:23
问题 Did any of you noticed that when using -ms-viewport (with specific width of 320px or device-width) then web browser content can be moved outside available space? It seems like document size is wrong so i can scroll it's content to the left but there is nothing then white empty space. I can also zoom it out(but i should not) and it's size after that is not always the same. I'm aware of http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html but it does not help. It happens after

WebView in Android 4.4 and initial-scale

由 天大地大妈咪最大 提交于 2019-12-01 08:08:05
I've been banging my head against the wall for the whole day now, and i need some help :( The problem is, that i have a WebApp that was designed for 640x960 . We didn't have time to write css for each screen size, so i've used initial-scale, maximum-scale, minimum-scale in the viewport meta tag to scale the app to different screen sizes. The problem is, that in Android 4.4 , no matter what i do, it always scales the app up, but never down! I mean if i use a value of 0.7 , the app is scaled up. If i use a value of 1.3 , it is scaled up again :/ I've tried to change the targetSdkVersion to

libgdx Viewports - Why when I use FitViewport the touch input x and y is not accurate?

由 余生长醉 提交于 2019-12-01 07:55:21
问题 libgdx Viewports - Why when I use FitViewport the touch input x and y is not accurate? 回答1: Use viewport.unproject() instead of camera.unproject() so the cropping of the FitViewport is taken into acount. 来源： https://stackoverflow.com/questions/38226563/libgdx-viewports-why-when-i-use-fitviewport-the-touch-input-x-and-y-is-not-acc

How to prevent Android Chrome magnifier (link preview) when user clicks on links that are close to each other?

由 半城伤御伤魂 提交于 2019-12-01 06:26:55
I know this question has been asked before. But none of the answers are applicable/acceptable to/for my situation. I am desiging a non-responsive e-commerce website so completely disabling zooming by setting this meta tag: <meta name='viewport' content='user-scalable=no'/> is not an option . But my client is insisting that this effect: absolutely has to go. I have been trying to detect touchstart/touchend events and taps so that I can somehow add the meta tag shown above when the user taps and remove it when the user's touchend has fired so that the pinch and double tap zoom is still available

Using Viewport to create a mobile friendly version

由 限于喜欢 提交于 2019-12-01 04:41:47
I'm working on a site, but I want a mobile friendly version aswell. I'm a newbie to this. Someone suggested I should use the following code, to which I can't find many relating question on here: <meta name="viewport" content="width=320, initial-scale=1"> The problem is that I have no idea how to implement it, and I know that cannot simply convert the whole page. What I am requesting is some pointers on how I can reach my goal. http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/ gives you an introduction to the various aspects of the viewport meta tag. For
订阅 viewport