mobile

proper implementation of invalidateSize() to display mapbox/leaflet on mobile device

由 烂漫一生 提交于 2019-12-08 05:53:58
问题 I started a question about a bootstrap leaflet map not displaying on mobile devices How can I fix bootstrap leaflet map mobile display? Since then I have used a simple mapbox template for a map and with invalidateSize() as outlined here https://www.mapbox.com/help/why-map-cropped-hidden-shown/ But still no luck getting the map to display on a mobile phone. Can anyone assist me with the proper implementation of invalidateSize()? Thanks Barry There is a single div element: <div id='map' class=

How do I get rid of whitespace under jQuery Mobile Listview thumbnail image

由 不问归期 提交于 2019-12-08 05:53:39
问题 When I apply an image to a listview list item the thumbnail should resize to 80x80px. It resizes to 80 wide but not 80 in height and because of this there is a gap below the image. Also the whole list item looks offset because of this, the text is up too high in the list item. I am aware that if I had a lot of text in the list item and I had set the white-space to be normal, this would cause this issue but I dont think that applies to me in this case as I dont have enough text. Here is code I

True mobile screen emulator ?

由 梦想与她 提交于 2019-12-08 05:48:18
问题 I have this page : http://people.opera.com/andreasb/viewport/ex01.html Which uses viewport for different mobile screen sizes. When I run this at my iphone I do see the font changes : But when I use Ripple or other chrome extensions (which I found) , it doesnt show me the increased font size. only screen size is changing. ( but it doesnt affect the font size ) How can I emulate ( chrome extension) the screen size so it will show me as if I'm on real mobile ? 回答1: You don't need a Chrome

Large database for jquery mobile and phonegap

由 最后都变了- 提交于 2019-12-08 05:43:44
问题 I am building a mobile app using jquery mobile and phonegap for both android and ios. This is just a collection of names and their addresses which amounted to over 7 thousand rows. As I've learned, phonegap doesn't support data migration so this means that if I have to use sqllite, I have to inject the large amount of data into phone's sql on first launch. I think this is a problem as it will take awhile and may force close the app, or may put off users. Is there any other way accomplish this

Device orientation data transformed to css behaves strange when using a real device

由 ↘锁芯ラ 提交于 2019-12-08 05:30:03
问题 This question is in continue to a previous one: I've created a CSS widget mimicking the phone orientation (js fiddle). When using the dev-tools sensors tab, the widget works perfectly, transforming the event data to a CSS rotate3d string like so (answer by@Andrey): function degreesToRadians (deg) { return deg * Math.PI / 180; } class EulerAngles { constructor(alpha, beta, gamma) { this.alpha = alpha; this.beta = beta; this.gamma = gamma; } toRotate3DString() { const gammaAxisY = -Math.sin

2 IE8 Webpage views - Look completely different? Why?

由 a 夏天 提交于 2019-12-08 05:28:38
问题 Here's the original page that I coded using "Adaptive Design", and has no support for mobile devices: http://opportunityfinance.net/Test/savedateIE8/index.html Looks great in IE 8 as it should via the pic below: Here's a page that I optimized for mobile devices, basically it is EXACTLY the same as the first page, except it adds in <meta> tags and such for mobile devices. Looks good in all browsers that I test, except IE 7 (which I could care less about), and IE 8 (WHICH I REALLY CARE ABOUT) A

jQuery Mobile URL converting hash (#) to %23 on Android browser

由 扶醉桌前 提交于 2019-12-08 05:28:29
问题 I am using jQuery Mobile Multiple-Page template for my website but when I visit the website from Android browser it is not working. The problem is that, the browser converting # tag to %23 . For example I can visit this link www.domain.com/abc.php?id=1234#show_map in iPhone but Android shows this link like this : www.domain.com/abc.php?id=1234%23show_map How can I solve this problem? Should I create new page instead hash tag page or how can I add an exception for Android browsers? Thanks

VideoSphere not playing video in A-Frame, even after following other guidance

由 梦想与她 提交于 2019-12-08 05:23:10
问题 I'm working on an A-Frame VR project and having issues getting video playback on the a-videophere element. The guidelines I've followed: - Place playsinline or webkit-playsinline inside of video asset and include meta tag in head. - Load video source during window load, then use a button to start the playback. - I'm aware of the autoplay issues for video playing in mobile. I've looked around all over stack overflow to find solutions, the latest one I tried is here, so please don't flag me for

jQuery Mobile Cannot read 'options' of undefined on trigger('pagecreate')

由 我与影子孤独终老i 提交于 2019-12-08 05:22:36
问题 I am loading an external page into a div on my jqm page and in order to enhance it with the jQuery mobile styles I call trigge('pagecreate') on the div, this works from the console. $('#search-results-page').load('searchResults.php',{options:$.encodeJSON(data.options),search:$.encodeJSON(data.search)},function () { $(this).trigger('pagecreate',{options:{}}); $.mobile.changePage('#search-results-page'); }); It works if I put my code in a try catch block but if I don't then I get this error:

mobile webapp CSS breaks on orientation change

由 梦想的初衷 提交于 2019-12-08 05:22:29
The CSS for my webapp gets completely misaligned when the mobile device is rotated to landscape (target devices are iphone and android). I tried using the javascript solution explained here in order to get my app to switch between a portrait.css and a landscape.css file on orientation change, but that still didn't work. It even messed up the portrait.css once they were both posted to the live server (although it worked on my local machine). The url for the app is http://mobile.geekstats.com/ Does anyone know how I can fix the landscape css? Thanks! Use CSS Media Queries to update your design
订阅 mobile