Tag: html

背景：封面在移动浏览器上不能缩放: 我正在进行的项目是一个分为多个部分的1页网站，第一部分是应用了背景图像的标头。我的目标是让这个图像响应resize，所以我设置background-size属性来cover 在桌面浏览器上缩放视口时，图像会相应地缩放。然而，在移动客户端（在iOS 7和Andriod Froyo / Kitkat上testing），图像似乎停留在全宽/高处，变得非常像素化和失真。例如： http ： //www.bardiadoust.ca 起初，我认为问题是-500％的边际和500％的填充我在每个部分的左/右（我用这个创build全宽部分，同时保持在我的网格内的内容）。我拿出这个代码，仍然得到相同的结果。如果任何人有什么线索，我做错了什么，这将是伟大的。更新我一直在做更多的调查，并认为这可能是一个iOS的问题，由于图像的大小限制（阅读更多这里），换出了我的相当大的1.2MB图像与500k gif。但问题依然存在。更新2 还没有find一个完整的解决scheme，但我find了一个解决scheme，我很高兴。在我的全局样式中，我在.masthead部分设置了这些背景属性： background: $tangerine; background: linear-gradient( rgba(232,85,4, .84), rgba(232,85,4, .84) ), url("../images/pano2.png") no-repeat center center; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -o-background-attachment: fixed; -ms-backgroudn-attachment: fixed; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; […]

图像正在下载铬，但不是在Safari浏览器: 在我的应用程序中，我使用html2canvas将HTML转换为canvas，之后我将该canvas转换为使用toDataURL()的图像，每一件事情都很好，在页面加载后很快下载，但在safari中在同一页面中加载而无需下载。 $(document).ready(function(e) { html2canvas(document.body, { onrendered: function(canvas) { var test = document.getElementsByClassName('test'); //finding the div.test in the page $(test).append(canvas); //appending the canvas to the div var canvas = document.getElementsByTagName('canvas'); $(canvas).attr('id','test'); //assigning an id to the canvas var can2 = document.getElementById("test"); var dataURL = can2.toDataURL("image/png"); document.getElementById("image_test").src = dataURL; //assigning the url to the image $(canvas).remove(); //removing […]

iOS Safari上的Pinterest的自定义URLscheme来打开电子邮件地址？: 我不能在我的生活中find如何通过HTML内的锚来简单地打开Pinterest板（通过启动应用程序，如果安装的话）。我看了一下： https ： //developers.pinterest.com ，但仍然找不到我在找什么。看起来大部分文档都是针对一个项目而不是观看的。我想要做的就是打开一个用户configuration文件。例如，我已经挖掘了以下可用于其他社交媒体链接的以下内容： <a href="fb://profile/23050834961">Facebook</a> <a href="twitter://user?screen_name=NHLBruins">Twitter</a> <a href="instagram://user?username=nhlbruins">Instagram</a> 虽然我可以启动Pinterest应用程序，但我不确定参数将在Pinterest上打开特定的configuration文件/主板： <a href="pinterest://">Pinterest</a> 感谢： http : //handleopenurl.com/上面的帮助，但似乎没有Pinterest的。任何线索？

新网站使用哪种标记语言？（桌面和手机）: 我需要重新devise旧网站，并考虑使用最好的Web标记语言。这是我的两个问题。请帮助我find正确的答案或两者中的任何一个：桌面用户的最佳Web标准是什么？ HTML？ XHTML？还要别的吗？它的什么版本（例如“XHTML 1.0 Transitional”）？移动用户的最佳标记语言是什么？我要重新devise的网站是关于移动设备的应用程序。所以，我自然有很多手机访问者。大多数设备是基于Android的，基于iOS的以及一些黑莓，Palm OS和Symbian设备。当我开发移动版本的网站时，应该坚持哪种标记语言？感谢一如既往的伟大的答案！

HTML电子邮件丢失在iPhone上太长时间格式化: 我有一个问题，看起来很长的 HTML电子邮件在iPhone上显示不正确，并松散所有格式。 – 细节：我有一台服务器发送一个夜间状态电子邮件给一组用户。此电子邮件格式为HTML，并正确显示在各种移动设备和桌面设备上，包括iPhone，Gmail和Outlook。随着电子邮件中logging的logging越来越多，此电子邮件每天都会稍微变长。昨天晚上，电子邮件停止在iPhone5和iOS8上正常的渲染。其他设备上的电子邮件收件人可以使用格式查看电子邮件，但在将电子邮件发送给iPhone收件人后，格式化完全被删除。我的电子邮件只包含基本的HTML标签，并使用样式属性的样式。它始于： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"></head> <body style="font-family: arial; font-size: 12px;"> … 我的大学转发了我的电子邮件，所有的HTML标签已被删除，并有“br”标签和“nbsp”字符插入psudo模拟我有的表格布局。电子邮件长度为533,957个字符。你们有没有熟悉这个和/或了解它的方法？

为什么锚定包含图片的标签在iPhone的邮件应用程序中不起作用？: 我正在做一个客户端的HTML通讯，使用thunderbird发送，并且所有的浏览器和邮件客户端的一切工作正常，但包含图像的定位标记，不能在Iphone的邮件应用程序工作。每次我点击图像，应用程序问我是否要下载图像，它不采取“href”。有人能帮我吗？谢谢

iOS9的Safari视口问题，元不能正确缩放？: 我有一个最近的网站部署奇怪的问题 – 该网站是不正确的任何iOS9的Safari浏览器移动浏览器，看起来缩小了网站。就我所知，我已经在Firefox（Android和桌面），Chrome（Android和桌面），Safari（桌面），IE（桌面）上对其进行了testing。有没有人知道这个问题的解决办法？非常感谢 [UPDATE] 从这里的讨论继续这个元似乎做的工作： <meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/> 唯一的问题是，我不希望像这样改变视口，以防其他设备出现问题。有没有更好的解决专门为iOS9？也许通过浏览器嗅探？再次感谢

iOS UIWebView – 限制HTMLpath: 我有一个UIWebview，它正在加载一个特定的网站部分（新闻）。我想阻止用户访问网站的其他部分，这意味着他们应该只留在新闻部分/阅读PDF文章。我已经构build了一组代码，但是由于某些技术上的限制，可悲的是无法testing它们。将只能在下周访问它。不过，我认为现在是时候在这里问一下，让高级用户查看我的草案代码，看看是否可行。 – (void)viewDidLoad { [super viewDidLoad]; NSString *urlAddress = @"http://www.imc.jhmi.edu/news.html"; NSURL *url =[NSURL URLWithString:urlAddress]; NSURLRequest *requestObj = [NSURLRequest requestWithURL:url]; [webView loadRequest:requestObj]; //finding current url and lead it back if it strayed off NSString *currentURL = webView.request.URL.absoluteString; NSRange range1 = [currentURL rangeOfString:@"news"]; NSRange range2 = [currentURL rangeOfString:@"pdf"]; 我应该使用 if (range1.location ==NSNotFound){ currentURL […]

如何为移动设备应用不同的CSS，而不仅仅是基于媒体宽度/高度: 我想为移动设备，手机和平板电脑的某些元素显示不同的CSS样式，但是具有不同宽度的媒体查询效果不佳，因为我们说我的手机和我的17英寸笔记本电脑都具有相同的全高清分辨率和现代平板电脑的分辨率比大多数桌面显示器都要大所以我想要应用Android，iphone / ipad，黑莓，Windows手机/平板电脑的移动设备的CSS样式。有什么办法吗？

显示HTML页面时如何防止移动设备closures其显示: 是否有可能告诉移动浏览器，只要显示一个特定的HTML页面，设备不应该closures它的屏幕？我想build立像Blinkenlights项目，但每个参与者带来他/她自己的像素。要在给定的时间点将每个显示设置为特定的颜色是可pipe理的，只需让每个显示器打开显示空白页面的网站并将背景更改为屏幕着色。我会使用JavaScript来链接设备，并让他们login到控制服务器。但是，像素闪烁，因为设备进入睡眠将以某种方式打破概念。一个专门的应用程序将是矫枉过正，并不是所有的旁观者都会安装一个应用程序（至less我不会）。提前致谢！