Articles of css

在Android上使用Google Chrome开发工具(模拟器)

我需要调试Android下设备上运行的某些站点的CSS(在常见的REPL模式下)。 据我所知,可以通过USB线将设备与桌面连接起来。 但问题是我没有这样的设备(使用Android)。 我有Android模拟器(Andy),但似乎安装在它上面的chrome根本没有开发工具。 那么没有物理Android设备可以解决问题吗? UPD ================== 再一次:重点是我没有任何Android设备 。 我只有一个模拟器(Andy Android模拟器)。

CSS中的类似Android ICS的输入字段

我想创建一个输入字段,如Android冰淇淋三明治只有HTML / CSS,不使用图像。 我坚持制作这些小边框(下图),如果有人可以提供帮助,那就太好了。

对于-webkit-overflow-scrolling有多少支持:触摸

有多少浏览器支持 -webkit-overflow-scrolling:touch iOS5呢,其余的和Android等一样。

让网页字体与phonegap和android一起使用 – 怎么样?

PhoneGap是否支持Web字体,如果支持,您如何使用它们。 我目前在我的页面中有这个代码,但是当加载到模拟器中时它不起作用(在Android应用程序内部,我没有尝试通过浏览器加载页面)… @font-face { font-family: ‘HelveticrapRegular’; src: url(‘fonts/helveticrap-webfont.eot’); src: url(‘fonts/helveticrap-webfont.woff’) format(‘woff’), url(‘fonts/helveticrap-webfont.ttf’) format(‘truetype’), url(‘fonts/helveticrap-webfont.svg#webfontHlJ0Jib3’) format(‘svg’); font-weight: normal; font-style: normal; } body { font-family: “HelveticrapRegular”, “Helvetica”, “Arial”, “sans serif”; } 当我在firefox中加载我的页面时,它确实有效,所以我不确定我做错了什么。 可能有助于说字体CSS是由fontsquirrel生成的 谢谢:)乔尔

当固定位置文本输入表单字段获得焦点时,如何防止滚动?

我有一个移动网络应用程序,在一个位置显示一个对话框:固定元素覆盖整个屏幕。 无论显示多少内容或页面滚动多远,覆盖元素都会使页面内容变暗,并且对话框会显示在其上面。 对话框中有字段。 在Android上,当用户点击输入字段以使其聚焦时,通常(但不总是)会发生一些非常不稳定的行为: 软键盘出现,然后立即消失。 底层页面(由叠加层覆盖)滚动几十个像素,有时向上,有时向下,有时在两个方向,有时反复。 当输入字段失去焦点时也会发生这种情况。 叠加元素瞬间向下和向右移动几个像素,沿着屏幕的顶部和左侧边缘显示底层内容。 (它会在不到一秒钟后返回。) 这是在内置浏览器的Android 2.3.4上。 它也可能出现在其他Android版本上。 页面构造如下:(请记住,当页面包含足够的内容以允许滚动时,其中一些怪癖才会出现。) #menuoverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: rgba(0,0,0,.75); text-align: center; } #menu { display: inline-block; margin-top: 1em; border: 3px solid #02b; border-radius: 8px; padding: 1ex; background-color: black; color: silver; } …menu items… …menu items… […]

@ font-face无法在移动Webkit中使用

我无法让@font-face在我测试的任何移动Webkit浏览器中运行 – 在iPhone 3GS上安装Safari,默认安卓2.2浏览器,在Android上使用Dolphin浏览器。 它适用于所有桌面浏览器,从IE7到IE9,FF3.5,Safari 4和Opera。 字体和CSS来自FontSquirrel: @font-face { font-family: ‘LeagueGothicRegular’; src: url(‘../fonts/League_Gothic-webfont.eot’); src: local(‘☺’), url(‘../fonts/League_Gothic-webfont.woff’) format(‘woff’), url(‘../fonts/League_Gothic-webfont.ttf’) format(‘truetype’), url(‘../fonts/League_Gothic-webfont.svg#webfontFHzvtkso’) format(‘svg’); font-weight: normal; font-style: normal; } @font-face { font-family: ‘LatinModernRoman10Bold’; src: url(‘../fonts/lmroman10-bold-webfont.eot’); src: local(‘☺’), url(‘../fonts/lmroman10-bold-webfont.woff’) format(‘woff’), url(‘../fonts/lmroman10-bold-webfont.ttf’) format(‘truetype’), url(‘../fonts/lmroman10-bold-webfont.svg#webfonthCDr6KZk’) format(‘svg’); font-weight: normal; font-style: normal; } @font-face { font-family: ‘LatinModernRoman10BoldItalic’; src: url(‘../fonts/lmroman10-bolditalic-webfont.eot’); src: local(‘☺’), url(‘../fonts/lmroman10-bolditalic-webfont.woff’) format(‘woff’), […]

JQuery Mobile本机选择不在droid上工作

这绝对让我发疯。 我有Droid X 2.3.3。 由于某种原因,当设置data-role=”none”或”data-native-menu=”true”时,本机选择菜单不会打开。有没有人知道为什么会发生这种情况? Test Page Some Options: Option 1 Option 2 More Options: Option 1 Option 2 Even More Options: Option 1 Option 2

是否有针对CSS-Position和可点击区域的Android浏览器错误的解决方法?

当你有一些像 , 或 这样的可点击内容时,在此之前你有一个绝对定位的元素有一个更大的z-index,就会出现’click-through’的错误行为。 我点击可点击元素位于前元素后面的区域。 在其他浏览器中,有一种正确的行为,即点击不会通过前面的元素。 但只有在Android浏览器中,您才能点击前面元素并激活后面的元素。 这是一个已知的错误,你无法避免它。 它甚至在更新的版本中(我在官方Android模拟器中测试2.3.3)。 某些论坛中描述了一些解决方法,但它们都不适用于我。 我尝试在正面和背面之间放置一个或 我试图更改DOM,以便刷新浏览器状态 我试图将后面的元素定位为无效 我特别关注图像映射的区域元素。 有没有人有同样的问题,并设法解决它? 我对针对图像地图进行测试的解决方案特别感兴趣。

Android上的CSS字体

我正在使用@font-face在网站上显示League Gothic,但它并没有出现在Android 1.6上。 这是我用Font Squirrel的@ font-face生成器生成的代码 @font-face { font-family: ‘LeagueGothicRegular’; src: url(‘/fonts/League_Gothic-webfont.eot’); src: local(‘☺’), url(‘/fonts/League_Gothic-webfont.woff’) format(‘woff’), url(‘/fonts/League_Gothic-webfont.ttf’) format(‘truetype’), url(‘/fonts/League_Gothic-webfont.svg#webfont’) format(‘svg’); font-weight: normal; font-style: normal; } font-family:’LeagueGothicRegular’,Impact,Charcoal,sans-serif; 如果不支持@font-face那就没什么大不了的了(我读过在Android 2中@font-face支持完全消失了)。 但是联盟哥特式是非常浓缩的,所以我想为Android指定一个比默认的sans-serif更好的后备字体,所以设计并没有完全破解。 像这样的东西是完美的: http : //www.droidfonts.com/info/droid-sans-condensed-fonts/ 但我找不到Android附带的默认字体的确切列表,以及我应该用它来在CSS中引用它们的名称。 编辑答案到目前为止错过了重点(或者说我的问题很糟糕) – 我所追求的是Android附带的系统字体列表。 适合Android的东西。

如何获取webkit-column-count值和当前页面或列Id?

我在android中使用webview开发应用程序。 我正在将页面加载到webview中并使用CSS3 webkit属性动态拆分多个列。 一旦用户到达最后一页/列,我必须显示TOC确认对话框。 任何人都可以请教我如何做到这一点? height:600px; -webkit-column-width:600px; -webkit-column-count:auto;