mobile-website

Change the color of the iOS 7 status bar in Safari and Chrome

时光总嘲笑我的痴心妄想 提交于 2019-12-20 10:33:22
问题 I want to change the color of the iOS 7 status bar in Safari and Chrome. I'm working on a mobile web app and would like it to feel native and right now, I just get a white status bar. 回答1: I'm using this while ios has the bug mentioned in other answers. First I set the statusbar with this: <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> For me, that sets the text white and background transparent. It also floats over my content. Then I have following css: body{

meta “viewport” device-width: Wrong width small on Opera Mobile 9.7 (10 works)

荒凉一梦 提交于 2019-12-20 09:03:07
问题 For my current mobile web project I use the meta "viewport" tag to instruct the mobile browser to use a scale of 1:1 with the devices' width: <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> This works on IE mobile, iPhone Safari and even on Opera 10 beta, but it doesn't on Opera 9.7, which is by default installed on HTC HD2. The HTC HD2 got device dimensions of 480x800, so the viewport

What parts of .NET aren't available in Monotouch for IPhone dev?

假装没事ソ 提交于 2019-12-19 06:50:56
问题 What are some key bindings that aren't included? 回答1: You can find the complete list of limitations in MonoTouch at Xamarin. A short list of .NET features not available in MonoTouch: The Dynamic Language Runtime (DLR) Generic Virtual Methods P/Invokes in Generic Types Value types as Dictionary Keys System.Reflection.Emit System.Runtime.Remoting 回答2: Here is a link of the assemblies that it ships with: http://docs.xamarin.com/ios/about/assemblies Here is a summary of the .Net framework

A way to prevent a mobile browser from downloading and displaying images

六月ゝ 毕业季﹏ 提交于 2019-12-19 04:55:43
问题 Is there a simple way to prevent browser from downloading and displaying images, best would be via some magic style tag or javasctipe. The thing is, I'd like to tweak the company's website a bit to be more usable via mobile devices. The company is a gaming one, there's like 5MBs of images on it's main page (and those can't be touched). They alredy display deadly slow on my dsl, and they can be killers to someone who's paying for his GPRS per MB ;) The code of the page is not mine and shouldn

Detect whether browser has keyboard/arrow keys in web page

被刻印的时光 ゝ 提交于 2019-12-18 12:50:16
问题 I have a full-screen game in HTML+JavaScript, which uses the arrow keys as primary controls. This cannot be used on keyboardless Android devices (I haven't tested on iOS), and even if the soft keyboard had arrow keys it would take up unnecessary space. Therefore, I have added onscreen control buttons. However, the buttons are unnecessary (and absurdly large) on desktop browsers, so I would like them to not pop up unless they are needed. What heuristics can I use to decide whether they are

how make draggable li element with jquerymobile?

谁说胖子不能爱 提交于 2019-12-18 12:44:38
问题 I am new in web mobile. When i want to make draggable item in we i just use jquery ui, what is the way to do it in mobile web application?(i am using jquerymobile) Should we use jquery ui for that also in web mobile or exist other good way? Thanks, 回答1: jQuery mobile has no built in support for creating draggables. Bringing in jQuery UI to create draggables will work fine providing you bring in something to make touch events work (jQuery UI doesn't support touch events currently). jQuery UI

How to detect mobile device and get user agent info send and save that information to database on server, only once?

自作多情 提交于 2019-12-17 22:37:03
问题 Is there any script to check user agent then send and save that information to database on server? I'm making mobile website with 2 versions like m.facebook.com and touch.facebook.com and I want to redirect to different mobiles. and I use WURFL device detection. So for example m.html5version.com should be delivered to all HTML5 supported devices and m.mobileversion.com should deliver to all other mobiles. So i need a way to detect device and browser 1st time using any server-side or client

Mobile HTML rendering numbers

橙三吉。 提交于 2019-12-17 19:28:19
问题 I have a mobile WEB Page showing a bank statement. Something like this: DATE | DESCRIPTION | AMOUNT --------------|--------------------------|--------------- Jan 2nd 2010 | Clothes | USD 1.839.000 Sep 23rd 2010 | Drinks | USD 2.837.000 I am using . as a thousand separator since that's our locale configuration for that. HTML is very simple. Something like this: <table> <tr> <td>DATE</td> <td>Clothes</td> <td>AMOUNT</td> </tr> <tr> <td>Jan 2nd 2010</td> <td>Clothes</td> <td>USD 1.839.000</td> <

Mobile website “WhatsApp” button to send message to a specific number

戏子无情 提交于 2019-12-17 17:44:24
问题 A mobile website can be customized to allow users to share a pre-filled message in WhatsApp to a manually chosen contact. As given here it is done using Custom URL Scheme. An example: <a href="whatsapp://send?text=Hello%20World!">Hello, world!</a> To call a particular number we use: <a href="tel:0123456789">Call</a> Similarly, can we send a WhatsApp message to a specific number (or at least open the chat) without user choosing the phone number manually rather it will be one of the predefined

Responsive design with media query : screen size?

安稳与你 提交于 2019-12-17 17:28:39
问题 I'm working on responsive designed web site using media queries. But i do not know how to take a good width set. As you can see on this table, there is a lot of different resolution even for a single type of device. And as resolution is coming bigger and bigger on mobile device, it is hard to know what design to apply for a specific resolution. For now, I'm using this : Mobile First @media screen and (min-width:720px) => Phablet @media screen and (min-width:768px) => Tablet @media screen and