mobile-website

问题 I currently set the title attribute of some HTML if I want to provide more information: <p>An <span class="more_info" title="also called an underscore">underline</span> character is used here</p> Then in CSS: .more_info { border-bottom: 1px dotted; } Works very nice, visual indicator to move the mouse over and then a little popup with more information. But on mobile browsers, I don't get that tooltip. title attributes don't seem to have an effect. What's the proper way to give more

问题 I am developing a website exclusively for mobile browsers. What guidelines should I follow to optimize the site for mobile development? My main concerns: Most mobile devices have propriety browsers. How can the app be tested on those different browsers (testing on an actual device is not possible due to security restrictions)? How to optimize the site for different screen sizes? How to make the app touch friendly? How to detect orientation of devices (in devices that come with an

问题 I'm developing my first mobile site. The design is pretty simple - almost no graphics. There's a page that allows users to search for retirement communities by zip code. The search results page is just a list of communities found, with links to open an individual community page for each. All works file, EXCEPT... the client now wants to feature an image of each community on the specific page for that community. The image needs to span the entire width of the screen, regardless of whether the

问题 I'm trying to create behavior similar to iPhone keyboard (see included image). As in, when user starts and moves touch, she sees a zoomed version of the element that is touched, and selection would happen when on touch up. I'm using Zepto. I can get the touch coordinates correctly, but have trouble finding the object that's under the finger. I'm using below code to check which element is returned as target of the event. $("#myList li").live('touchmove', function(event) { console.log(event

问题 I am building a mobile website and need a fixed positioned button (for quick link to scroll to top) that should move across while scrolling the screen. fixed position is not supported by mobile browsers. Can anyone suggest the way around for the same. I am using twitter bootstrap. I have observed fixed position header and footers for mobile in jquery mobile framework but could use it in twitter bootstrap page. Thanks in advance. 回答1: You can use a navbar-fixed-top or navbar-fixed-bottom

问题 How can I detect browser support for HTML Media Capture* ? The traditional way of testing if an attribute is supported doesn't seem to work on some devices (tested on iPad and Google Nexus): var elm = document.createElement(input); if (capture in elm) { return true; } There's a test for Modernizr but it doesn't seem to be reliable (it uses the same principle): https://github.com/Modernizr/Modernizr/pull/909 __ (*) More info on HTML Media Capture: http://www.w3.org/TR/html-media-capture/ http:

问题 I my previous question I asked how to implement the chat feature using client side technology especially using jquery mobile. I had also put up the question in the jquery mobile forums too but I was disappointed. Finally I was able to set-up a chat feature on my local machine by referring this blog I am running jsJac client side chat but now I am implement the same thing using jquery mobile frame work I googled and try to figure out how it can be done, but could not find any examples as such.

问题 We have a mobile web site with some phone number links, like this: href="tel:12345678,123" This works fine on most devices, but it appears it doesn't work on many/all Android 4 devices. The extension simply doesn't appear in the dialer when you tap the link. Anyone found a solution to this? 回答1: According to the documentation, the tel: scheme supports RFC 3966. Reading these RFCs is a bit like reading cuneiform on clay tablets, but from what I can tell, your syntax is not part of that

问题 We have a mobile web site with some phone number links, like this: href="tel:12345678,123" This works fine on most devices, but it appears it doesn't work on many/all Android 4 devices. The extension simply doesn't appear in the dialer when you tap the link. Anyone found a solution to this? 回答1: According to the documentation, the tel: scheme supports RFC 3966. Reading these RFCs is a bit like reading cuneiform on clay tablets, but from what I can tell, your syntax is not part of that

问题 I am building an application, where I have this little survey module, which sends out a simple sms to the phone number I give and has to collect the response(if the user fires it) and show it to me. I am using to django build my project. I have tried django-sms google code project, but I couldn't post messages back from my mobile to my server. I have browsed through many tutorials on sms-gateways/carriers. But I am lost. Can anyone help me in suggesting a tutorial about sending sms from my