mobile-website

问题 I'm trying out some webkit transitions on a site and have come across a problem on iOS devices. I have six images being given a random rotation every second. The transition works fine for five out of the six images but for some reason when using the iPad or the iPhone the sixth image disappears during the transition. You can view the example HERE. CSS: .b1_needle { width: 100%; height: 100%; z-index: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit

问题 I've recently been developing a mobile version for a website, and quite simply want to be able to change the CSS file if the browser is detected to be on a mobile device. You can view my previous attempts here, but I have now decided that the most feasible way of getting this done is to focus on Media Queries. The problem I have here is that the media queries just don't work at all. It always loads the default stylesheet. Here is the code I have: <meta name="viewport" content="width=device

问题 Take a look at these screenshots: http://i.stack.imgur.com/1TFuj.png http://i.stack.imgur.com/3fukT.png I am having trouble getting text inputs to render as expected when set to 'width: 100%'. The text box extends too far to the right, past the right padding in the first screenshot and past the right margin of the div in the second screenshot. Is this a bug in mobile Safari? If so, can anyone suggest a workaround? It seems to work fine in other mobile browsers and also in the desktop version

问题 I have been working on making our CMS export valid content for mobile devices. One of the problems we encountered was that newer devices, like the iphone4 have a higher resolution display so we needed to find a way to render the same page correctly on older devices and newer that use a 300dpi display. So far we used javascript and window.devicePixelRatio in order to get the dpi resolution, but it turns out this is not working in opera(?) and opera mobile. Any suggestetions or maybe a

问题 I am creating a mobile version of website. I have added many of the social sharing buttons (links) on my website like - Facebook, Linked In, Twitter. Specially for mobile I have added button to share on WhatsApp. Now I am thinking to enable similer link for Snapchat. Is it possible to provide a link on my site to post a snap of stories in snapchat ? I have tried to find out for any API to achive, but doesn't found any thing. From the snapchat blog link following, I found that there is no API

问题 I am using xui and emile to make a collapsible panel but the first click needs a double click then all future clicks works fine on single click. I need the first click to work on single click. I also need to initially hide the list with javascript for those non javascript users. Can anyone see where I have gone wrong? Here is where I have extended xui xui.extend ( { togglePanel:function(dur,thePanel) { var panel = document.getElementById(thePanel); var theHeight = document.getElementById

问题 I am developing one mobile website for selling products through paypal. When i click the paypal button it redirects to paypal site in desktop mode. i want to change that to mobile mode... I use the following code <form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="paypal"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="merchant@website.com"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="item_name" value=

问题 I have scenario in my project where I need to perform zoom in action Android Mobile web using Appium automation. I have used the following method. try { Dimension size = driver.manage().window().getSize(); int x0 = (int) (size.getWidth()*0.5); int y0 = (int) (size.getHeight()*0.5); System.out.println(x0+" "+y0); driver.zoom(100, 500); reportStep("The Application is zoomed.", "PASS"); } catch (Exception e) { e.printStackTrace(); reportStep("The Application could not be zoomed.", "FAIL"); } But

问题 I dynamically update an image on a JQTouch site using the following code: $('#sv_map') .one('load', function() { $(this).fadeIn(); }) .attr('src', imgURL); Got the basics of this from here. sv_map is an image, and imgURL points to a valid, existing JPG file. This code works as expected on all major browsers (Chrome, Safari, Firefox, IE) as well as on actual devices (several iPhones and iPods). I don't want to conclude that the simulator has a bug (it seems like such a trivial issue). What

问题 I am using swipebox it is easy and useful.I want show first image with next-previous icon.When user click(or touch-swipe in mobile) next image slide will show next image.My needed design is here as you can see in my design there is slide and also there is many other html control-content-div-buton...... but swipebox show pop up and it just show slide as below. This is not good for me because there is information-content-links and other html control in my page(design).Slide is just a part of my