Questions tagged «mobile-website»

14
电晕,Phonegap,钛之间的比较
已锁定。该问题及其答案被锁定,因为该问题是题外话,但具有历史意义。它目前不接受新的答案或互动。 我是一名网络开发人员,我想将我的网络产品移至iPhone。其中一种产品类似于Google Maps:在手机屏幕上显示地图,您可以拖动或调整地图大小并查看我们添加到地图中的一些信息。 我知道有一些技术可以使您使用HTML,CSS和Javascript开发本机iPhone应用程序。我确定了一些: 安斯卡手机 电话间隙 加速器 还有其他类似的产品吗?它们之间有什么区别?我应该选择哪一个?


16
为什么我的CSS3媒体查询不起作用?
在styles.css中,我正在使用媒体查询,这两个查询都使用以下变体: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } 当我缩小窗口时,网站的大小会调整为我希望在常规浏览器(Safari,Firefox)中使用的布局,但是,手机上的移动布局根本无法显示。相反,我只是看到默认的CSS。 谁能指出我正确的方向?

3
现在可以使用<input type =“ tel” />吗?
我正在开发手机网络应用程序,我有几个文本字段可以从中受益&lt;input type="tel"/&gt;。iPhone将为用户调整键盘,但是我担心打破向后兼容性。我希望支持此功能的浏览器/电话可以帮助用户,而其他浏览器将退回到标准文本字段?这是可以接受的做法吗?还能用吗?

14
iOS Safari –如何禁用过度滚动但允许可滚动的div正常滚动?
我正在使用基于iPad的Web应用程序,因此需要防止滚动过度,以使其看起来不像是网页。我目前正在使用它冻结视口并禁用过度滚动: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); 这对于禁用过度滚动非常有用,但是我的应用程序具有多个可滚动的div,上面的代码可以防止它们滚动。 我仅针对iOS 5及更高版本,因此避免了像iScroll这样的恶意解决方案。相反,我将此CSS用于可滚动div: .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } 这在没有文档过度滚动脚本的情况下有效,但不能解决div滚动问题。 如果没有jQuery插件,是否有任何方法可以使用过度滚动修复程序,但可以免除我的$('。scrollable')div? 编辑: 我发现了一个不错的解决方案: // Disable overscroll / viewport moving on everything but scrollable divs $('body').on('touchmove', function (e) { if (!$('.scrollable').has($(e.target)).length) e.preventDefault(); }); 滚动经过div的开头或结尾时,视口仍会移动。我也想找到一种方法来禁用它。


2
用于移动设备的元标记-应该使用它们吗?
元标记“视口”,“ MobileOptimized”和“ HandheldFriendly”可用于向移动设备提供适当格式的HTML内容。这些标签是好东西吗?在许多情况下,它们似乎是特定于平台的,即使不是特定于平台(视口),它们也似乎需要特定于设备的属性才能正常工作。 应该使用它们吗?何时何地使用它们合适?是否有其他选择(没有用户代理识别)? 注意:我一直在使用CSS媒体查询来实现对移动设备的支持,但这需要一些UAR才能优化字体大小。

20
Sencha Touch还是jQuery Mobile?[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。 改善这个问题 我想知道是否要开发一个移动Web应用程序(现在是两周还是一个月),我应该选择哪一个?您的移动Web开发人员会选哪个? 如果jQM 1.0今天正式发布,我很可能会接受它(只要它确实实现了它的承诺)。现在它处于Alpha状态,我想知道对于商业级项目是否值得加入?Sencha Touch会是更好的选择吗?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.