Tag: css
iPhone：UIWebview当滚动内容时，渐变背景开始
当我将渐变背景应用到uiwebview自定义html内容时，它只适用于可见区域，当向下滚动内容时，渐变再次从最高颜色值开始，有什么想法？ [customHtml appendString:[NSString stringWithFormat:@"%@ ", @" <body style='background-color:#4b95bf; background-image:-webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));'>"]];
jqmobi。 在input字段集中的内容上移时，在ios（ipod）上
我正在使用jqmobi。 http://jqmobi.com/testdrive – 在这里相同 在iOS上，当input字段变得焦点时，内容向上移动。 我希望标题保持在相同的位置。
如何用css降低<p>的内容区域的高度？
任何人都可以告诉我如何降低用css标记的内容区域的高度？ 我想，1.把底部的橙色虚线接近上面的文字。 （边框底部：3px橙色虚线;）2.减less黄色突出显示框的高度。 （body {background-color：yellow}） 调整属性“行高”和“高度”没有帮助… 谢谢！
填充似乎不能在iOS上正确显示
我使用3个背景图像作为移动网站的图标显示，在我的计算机上显示得非常好（使用窗口大小和用户代理），但是，在我的iphone上，图标被切掉，好像填充不够高。 这是如何出现在桌面^ 但是，在移动设备上，它具有这种效果 任何想法是什么造成这个？ 当设置为20％时，填充足以在所有屏幕尺寸上显示剩余几个像素的图标，但即使设置为22％，也不能正确显示，所以我假设它是一个iOS错误。 如果有帮助，我正在使用ios7和safari。 .icon-ticket { background: url("@{path-img}icons/icon-ticket-2x.png") no-repeat; } .icon-players, .icon-prize, .icon-ticket { background-size: 40%; padding: 22% 0; }
离子滚动不工作在iOS，但与离子滚动它与Android（像素）手机
ionic.min.css – > Ionic，v1.3.2 <link rel="stylesheet" href="../lib/ionic/css/ionic.min.css"> <link rel="stylesheet" href="../lib/mobiscroll.custom/css/mobiscroll.custom-3.0.0-beta6.min.css"> 我有一个新的模块，我想我有我需要的一切，然后当iphone开发人员告诉我，我想我join <ion-scroll zooming="false" direction="y" style="height: 900px;"> 但是，这只适用于我的谷歌Android像素，所以我尝试修复主要与谷歌search试用和错误。 <ion-view view-title="Home Consumer"> <ion-content > <ion-scroll zooming="false" direction="y" style="height: 900px;"> <ion-list class="list-borderless"> <ion-item> Please Confirm the following:<br><br> <h2 style="text-decoration: underline;"><strong>Account Details</strong></h2> </ion-item> </ion-list> <ion-list > <ion-item > <div> Name: {{vmHome.account[0].authorizationFirstName}} {{vmHome.account[0].authorizationLastName}} </div> <div> Phone Number: {{vmHome.account[0].btn}} </div> <div> […]
如何在iPhone（ios）环境中修复页眉和页脚
在对input和select字段进行聚焦时，我需要修正标题。 我们在Android和Windows环境中成功修复了头文件。 但在iPhone中，我们正面临以下问题，请参阅屏幕截图2和3 我们正在使用jquerymobile 1.4.0 请任何人帮助我，我们正在尝试这个问题近一个月，我们仍然没有解决这个问题。 屏幕截图1 屏幕截图2 屏幕快照-3 (function(){ var targetElem = $('.fixedElement'), // or more than one $doc = $(document), offsetY, scrollY, changeY; if( !targetElem.length || !navigator.userAgent.match(/iPhone|iPad|iPod/i) ) return; $doc.on('focus.iOSKeyboardFix', 'input, textarea, [contenteditable]', bind); function bind(){ $(window).on('scroll.iOSKeyboardFix', react); react(); } function react(){ offsetY = targetElem.offset().top; scrollY = $(window).scrollTop(); changeY = offsetY – scrollY; […]
背景：封面在移动浏览器上不能缩放
我正在进行的项目是一个分为多个部分的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; […]
iOS UIWebView完全不能理解多个@ font-face？
注意这个在本地UIWebView中显示的简单的css / html： 有模拟器显示它… 注意有两个@ font-face定义。 但是… 只有第二个工作。 如果你交换他们，只有第二个工作。 所以在这里 … @font-face { font-family:'aaa'; src: local('SourceSansPro-Regular'), url('SourceSansPro-Regular.ttf') format('truetype'); } @font-face { font-family:'bbb'; src: local('SourceSansPro-BoldIt'), url('SourceSansPro-BoldItalic.ttf') format('truetype'); } 只有“BBB”的作品 ，另一个似乎是“取消”。 那么这里 @font-face { font-family:'bbb'; src: local('SourceSansPro-BoldIt'), url('SourceSansPro-BoldItalic.ttf') format('truetype'); } @font-face { font-family:'aaa'; src: local('SourceSansPro-Regular'), url('SourceSansPro-Regular.ttf') format('truetype'); } 只有“aaa”有效 ，另一个似乎是“取消”。 这里是如何在Swift中完成的， // load a simple UIWebView (say, […]
如何从JavaScript指定一个字体？
我正在尝试为iPad定制一个view-src书签。 这个目前看起来不错。 但是我想让它更具可读性：在视网膜显示器上，Courier（New）字体甚至有点丑陋（尤其是？），我更喜欢DejaVu Sans Mono，Monaco，Lucida Console，Bitstream Vera Sans Mono。 我试图通过添加以下来修改小书签脚本： pre.style.fontFamily = '"DejaVu Sans Mono", "Lucida Console", Monaco;'; 这不是诀窍。 加载时，可能会打印出我的fontFamily设置。 也许我可以在脚本的末尾设置它…
以编程方式停止-webkit-overflow-scrolling
我有一个PhoneGap应用程序，使用iOS本地滚动通过-webkit-overflow-scrolling的div。 我希望能够在用户点击一个button（滚动回页面顶部）时手动停止正在进行的滚动。 这是可行的吗？
