Articles of css

Android 4.1.2默认浏览器 – 渲染问题与禁用的input字段

这似乎像一些版本的默认Android浏览器有渲染问题。 如果我创build了一个页面,我有某种input字段和一个button,当我禁用其他input字段时,button会显示为灰色(除非这是在页面加载完成,你必须点击/缩放一点点让浏览器重新渲染)。 有趣的是,它不会将禁用的STYLE应用于button,而只是将其灰色化。 这里是一个例子。 链接到编辑器jsfiddle 链接到embedded式jsfiddle CSS: ul { list-style-type:none; } .xxx { background: blue; color: white; } .xxx:disabled { background-color: red; } HTML: <div id="root"> <ul> <li> <input name="x" id="enable" class="x" type="radio">Enable</input> </li> <li> <input name="x" id="disable" class="x" type="radio">Disable</input> </li> </ul> <input type="button" class="xxx" value="Button"></input> </div> JS: $(function() { $('.x:eq(0)').prop('disabled', true); }); 注意事项: 该button不被禁用。 […]

错误方法太复杂,无法通过数据streamalgorithm进行分析

这是造成问题的方法。 我正在创build一个使用年龄,体重和身高来计算最终结果的BMI计算器。 我不确定我的逻辑是错误的还是还有其他问题正在进行 public void calculateClickHandler(View view) { String Outcome; Outcome = null; age = Float.parseFloat(txtHowOld.getText().toString()); feet = Float.parseFloat(txtFt.getText().toString()); inches = Float.parseFloat(txtIn.getText().toString()); pounds = Float.parseFloat(txtWeight.getText().toString()); height = (feet * 12) + inches; double BMI1 = (pounds / (height * height)) * 703.0; if (btnF.isChecked()) { if (age >= 20 && age <= 40) { if […]

如何在移动设备的html页面的表格单元格中设置相同的字体大小

我在移动设备上的字体渲染出现问题。 我有一个简单的表格宽度设置固定为800像素,通用尺寸为今天的手机。 在我的单元格文本都使用相同的HTML CSS的化妆。 第一行的文字显示正常 但下一行是一个分裂成两个单元格的问题。 左边的单元格是一张图片,右边的单元格中有一些文字。 我的问题是,大多数移动Web浏览器缩小在该单元格中的字体大小。 对我来说,如果文本只是分布在更多的线条上,但没有发生,那么它们会保持与桌面浏览器视图中相似的行数。 我已经使用pt px设置字体大小,并且在css文件中没有任何效果 .DefaultFont { font-family: 'Merriweather Sans', Arial,verdena,sans-serif; font-size: 13pt; font-style: normal; color:#4e0203; font-weight: 400; } 使用13pt 13em和其他方法等没有工作。 而对于使用span和div和p的html元素并在td元素中尝试它,但是再次没有效果。 PS我不是在寻找缩放页面客户端与设备检测等JavaScript技巧。因为我只是使用PHP来确定是否它的桌面或移动设备(这需要传输更less的代码)。 我只是需要代码,以便字体不会改变,如移动networking浏览器造成的。 如何阻止这些客户端重新调整表格的部分? 解决scheme最后的解决scheme真的很好,这里有多个人的组合。 设置表格宽度的百分比 设置字体大小在VW(这就像%也有一个100指数),一个低值像2左右。 注意vw支持更多的只是字体大小,也图像。 包括meta标签它甚至没有在上面的工作,但在安全的一面,我推荐它。

Android CSS位置:设备旋转后固定

我有一个非常不寻常的错误,出现在我的Android 4.0上的Galaxy Note。 有些朋友看到他们的Galaxy S3也一样。 我简化了我的代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, maximum-scale=1.0,initial-scale=1.0, user-scalable=no" /> <style type="text/css"> #movieplayer {width:100%; position:fixed; top:0px; left:0px; right:0px; bottom:0; background:yellow; z-index: 90;} .player, .project-info {width:100%} #movieplayer .short-info {width:100%;background:green;display:block;position:relative;} </style> </head> <body class="works"> <div id="global-container"> <div id="movieplayer"> <div class="player"> <div class="project-info movie"> <div class="short-info jspScrollable"> <div […]

Android浏览器上的自动纸牌套装更换?

我注意到我最近升级的HTC One(4.3)有一个奇怪的行为 – 每当我使用其中一个西装ASCII字符(心脏,铁锹,俱乐部,钻石)时,浏览器会自动将它们replace为像devise这样的卡。 我附上了手机的屏幕截图以及您可以亲自看到的页面链接。 我只看到它在我的手机上,而不是其他任何人,在debugging器上它看起来像纯ASCII,没有CSSdevise可以find。 重要的是要说 – 这不会发生在Chrome浏览器,但只在默认的浏览器。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>♠♣♥♦</h1> </body> </html> 有没有人遇到过这种行为,更重要的是如何禁用它? 示例页面 从手机屏幕截图

如何格式化一个适合宽度有限的设备(如iPhone)的长的<pre> HTML块

我有一个很长的预先块,我希望它是在移动浏览器,如iPhone视图 例如 a very long pre block start here here here here here here here here here here 2nd line with intent 3rd line with intent 如何使wordwrap,但保持缩进? eg a very long pre block start here here here here here here here here here here 2nd line with intent 3rd line with intent 我不想有移动设备的滚动条,所以最好有办法自动换句话。 我试过的最类似的方法是使用CSS pre […]

在Android的应用程序中包装HTML

我有一个现有的网站(社会性质),它也已经有一个移动networking版本,所以我基本上想要做的是将这个视图封装在一个Android应用程序,并可能添加一个不错的启animation面。 所以本质上是一个“品牌”的浏览器窗口。 任何意见,将不胜感激。

背景附件:修复不适用于android / mobile

我正在开发一个cordova应用程序,我试图得到一个固定的背景。 不幸的是,它似乎并没有工作,任何时候我滚动背景简单地离开了页面的顶部。 这里是我用来做这个(我已经尝试了几种其他方式)的CSS: html { width:100%; height: 100%; background-color:#000000; background-image:url('../img/bg_reader.jpg'); /*background-repeat:no-repeat; background-attachment: fixed; background-position: center;*/ background-size: 100% 100%; } 无论如何,当我向下滚动屏幕时,背景将滚动到屏幕的顶部,就好像没有设置固定属性一样。

border-radius在现代原生Android浏览器中不起作用

我有一个使用border-radius的页面。 它不会在原生Android浏览器中四舍五入; 它显示与方angular。 它显示在桌面的Chrome浏览器,IE浏览器,FF等四舍五入罚款,但不是在本机手机浏览器。 有谁知道这是否是浏览器本身的问题,一些额外的CSS扩展,我不使用等? 这是我的CSS(在演示中): .bigButton2 { width: 320px; height: 200px; margin: auto; padding: 20px; background-color: #521c0b; color: #FFFFFF; border: 3px solid #e3b21e; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } 我build立了一个JSFiddle: http : //jsfiddle.net/VJvQA/ 我已经尝试过填充,没有填充,没有箱子大小,没有箱子大小,它只是显示为尖angular。 任何帮助或见解,将不胜感激。 我意识到已经有人发布了这个( border-radius样式在android浏览器中不起作用 ),但是他没有提供任何代码,JSFiddle,并且没有任何真正的答案而被错误地回答了一个普通的问题。 如果可能的话,我会冷静下来,但是我认为,写一个真正写得好的问题会更好。 谢谢!

用jsoup添加自定义CSS到HTML代码

我正在开发一个Android应用程序,该应用程序加载一个HTML页面并在webview中显示它。 问题是我想添加我的自定义CSS(加载的HTML没有任何CSS或链接到CSS)。 如何使用jsoup将自定义CSS添加到HTML代码? 我不能修改的HTML。 那么webview如何打开呢? 谢谢