Tag: html

检测浏览器是否在Android或iOS设备上运行: 我需要在移动网站上更改一些button和文字，具体取决于用户是在Android或iOS浏览器上查看它。有没有可靠的方法来执行检查？

如何在网站上播放通知声音？: 当某个事件发生时，我希望我的网站向用户播放短暂的通知声音。当网站打开时，声音不应该自动启动（即时）。相反，它应该通过JavaScript（当发生某些事件时）按需播放。重要的是，这也适用于旧的浏览器（IE6等）。所以，基本上有两个问题：我应该使用什么编解码器？ embeddedaudio文件的最佳做法是什么？（ <embed> vs <object> vs. Flash vs. <audio> ）

closuresiPhone / Safariinput元素舍入: 我的网站在iPhone / Safari浏览器上渲染效果很好，但有一个例外：我的文本input框有一个奇怪的圆形样式，与我的其他网站看起来不太一样。有没有办法指示Safari（通过CSS或元数据）不舍入input字段，并按预期呈现矩形？

CSS在特定的`inline-block`项目之前/之后进行换行: 比方说，我有这个HTML： <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> 和这个CSS： li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } 结果可以在这里看到： http : //jsfiddle.net/YMN7U/1/ 现在想象一下，我想把它分成三列，相当于在第三个<li>之后注入一个<br> 。（实际上，这样做在语义和语法上都是无效的。）我知道如何在CSS中select第三个<li> ，但是如何在它之后强制换行？这不起作用： li:nth-child(4):after { content:"xxx"; display:block } 我也知道这个特殊的情况是可以通过使用float而不是inline-block ，但是我对使用float解决scheme不感兴趣。我也知道，使用固定宽度块可以通过将父ul的宽度设置为该宽度的3倍来实现，我对这个解决scheme不感兴趣。我也知道，如果我想要真正的列，我可以使用display:table-cell […]

CSS：截断表单元格，但尽可能适合: 与Fred见面。他是一张桌子： <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> 弗雷德的房子有一个奇怪的改变大小的习惯，所以他学会了隐藏他的一些内容，以免推动所有其他单位，把惠特福德太太的起居室遗忘了： <table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td> <td style="overflow: hidden; text-overflow: ellipsis">Less content here</td> </tr> </table> 这样做很有效，但是弗雷德有一种唠叨的感觉，如果他的右边格子（他被戏称为塞尔利多）放弃了一点空间，他的左格将不会被截断。你能保存他的理智吗？总之：一个表格的单元格如何均匀地溢出，只有当它们全部放弃了空格时

字体面未加载: 我在我的网站上使用一些服装字体，但我有一个问题，它没有加载，我不明白的问题，这里是代码： @font-face { font-family: OuachitaWayWbw; src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; font-family: 'ChromeYellowNF'; src: url('fonts/Chrome Yellow NF.ttf'); } #name { font-size:26px; font-family: 'OuachitaWayWbw'; padding-top:30px; color:#000000; margin-bottom:20px; } ChromeYellowNF工作。我也试图把每一个不同的Font-face但没有工作。

完全失去了如何保存扩展popup窗口的内容: 我几乎失去了如何使我的popup窗口的添加内容不会消失，每次我打开一个新的链接或点击它“离开”。我已经阅读了关于内容脚本，后台脚本之类的东西，但是我不老实地知道如何将其实现到我自己的源代码中。以下是我的popup.html ， popup.js和我的manifest.js文件。 { "manifest_version": 2, "name": "URL_save", "description": "This extension saves an URL and renames the title to the user's wishes and hyperlink the title.", "version": "0.1", "browser_action": { "default_icon": "/img/icon.png", "default_popup": "popup.html", "default_title": "See your saved websites!" }, "permissions": [ "tabs" ] } popup的HTML ： <html> <head> <title>Your articles</title> <link href="/css/style.css" […]

如何closures隐藏DIV点击它（但不在里面）: 我有一个div ，我添加到一个页面，我需要做到这一点，当用户点击该部门之外，它会隐藏，但不是如果他点击侧div，那么它应该留下来。我试过使用 e.stopPropagation(); 和 e.preventDefault(); 将它添加到该特定的div的点击事件，但没有工作。任何人都知道有什么好的想法？

Microdata可以应用于任何types的HTML元素吗？: 在networking的所有例子中，我看到Microdata属性itemscope和itemtype应用于div元素，如下所示： <div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div> 但是Microdata可以应用于任何其他元素，在我的情况下，我想将其应用于列表项： <ul> <li itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </li> </ul> 有没有已知的问题呢？