Tag: 平板电脑

CSS Media查询横向android软键盘

我正在开发一个平板电脑的网络应用程序（用于Android和ios），我正面临一个问题，这个问题已经给我带来了2天的麻烦。 问题是，当您处于纵向模式时，在Android上，例如您聚焦输入字段，以便软键盘弹出css媒体查询方向更改为横向。 我已经读过这个问题： CSS媒体查询 – 软键盘打破了css定位规则 – 替代解决方案？ 并想出了这个： var is_keyboard = false; var is_landscape = false; var initial_screen_size = window.innerHeight; window.addEventListener(“resize”, function() { is_keyboard = (window.innerHeight < initial_screen_size); is_landscape = (screen.height < screen.width); updateViews(); }, false); function updateViews() { if(!is_landscape) { if(is_keyboard) { $("html").removeClass("landscape portrait"); $("html").addClass("portrait"); } } } 然而，由于某种原因，这不起作用。 无论如何都要将方向更改为纵向模式，以便css媒体查询认为我们处于纵向模式？ 我不喜欢使用max-width等因为我需要支持多种屏幕尺寸。 提前致谢。

Jqueryhoverfunction，点击平板电脑

我有一个jquery幻灯片，它使用导航列表来切换幻灯片图像。 它的工作原理是当您将鼠标hover在导航列表上时，它会突出显示（’。active’）并且关联的图像会切换到该列表。 导航列表中有链接，也可以单击该链接转到其他页面。 我需要这个在平板电脑上工作，这样当用户点击导航列表时，它会变为活动状态，然后图像幻灯片显示切换，然后如果再次点击它会跟随到该链接。 现在发生的事情是，只要点击它，它就会变为活动状态并点击进入。 这是jquery $(“.main_image .desc”).show(); //Show Banner $(“.main_image .block”).animate({ opacity: 0.8 }, 1 ); //Set Opacity //Click and Hover events for thumbnail list $(“.image_thumb ul li:first”).addClass(‘active’); $(“.image_thumb ul li”).hover(function(e){ //Set Variables e.preventDefault(); var imgAlt = $(this).find(‘img’).attr(“alt”); //Get Alt Tag of Image var imgTitle = $(this).find(‘a.imgloc’).attr(“href”); //Get Main Image URL var imgDesc = […]

如何确定客户端是否为触控设备

是否有任何漂亮和干净的方法或技巧，以确定用户是否在触摸设备上？ 我知道有像var isiPad = navigator.userAgent.match(/iPad/i) != null; 但我只是想知道是否有一个技巧来确定用户是否在Touch设备上？ 因为有更多的触摸设备和平板电脑，那么只有iPad。 谢谢。