Questions tagged «html»

如何在Web浏览器中的.html页面上显示pdf？

84 html  pdf  browser 

我将在JavaScript中创建XML元素以与服务器端交换数据。我发现我可以做到document.createElement。但是我不知道如何将其转换为字符串。浏览器中是否有任何API使其更容易使用？还是有包括此API的任何JS库？ 编辑：我发现浏览器API XMLSerializer，它应该是序列化为字符串的正确方法。

84 javascript  html 

我想调整Twitter Bootstrap中的列。 我知道在引导程序中有12列网格。有什么方法可以将网格调整为1.5 3.5 3.5 3.5而不是3 3 3 3？

84 html  twitter-bootstrap 

我的网站上有以下iframe： <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> 它具有滚动条。 如何摆脱它们？

84 html  css  iframe 

我试图弄清楚如何调整图像的大小，以使其保持高宽比，但是要调整大小，直到图像的高度与包含div的高度匹配为止。我有这些非常大和很长的图像（屏幕快照），我想将它们放入200px宽，180px高的div中以进行显示，而无需手动调整图像大小。为使外观更好看，图像的侧面需要溢出并用包含的div隐藏。这是我到目前为止所拥有的： http://jsfiddle.net/f9krj/2/ 的HTML <a class="image_container" href="http://www.skintype.ca/assets/background-x_large.jpg"> <img src="http://www.skintype.ca/assets/background-x_large.jpg" alt="" /> </a> 的CSS a.image_container { background-color: #999; width: 200px; height: 180px; display: inline-block; overflow: hidden; } a.image_container img { width: 100%; } 如您所见，图像父容器上显示灰色，根本不显示灰色。为了完全填充该容器，宽度需要在两侧均等地溢出。这可能吗？是否也可以考虑太高的图像？

84 html  image  css 

我正在将本地pdf文件嵌入到简单的网页中，并且希望设置初始缩放比例以适合对象尺寸。这是我尝试过的方法，但不影响缩放。 <embed src="filename.pdf?zoom=50" width="575" height="500"> 有谁知道如何修改代码，以便将其初始缩放比例设置为适合对象大小。

84 html  object  pdf 

我正在仅使用CSS制作动画心脏。 我希望它脉动2次，稍作休息，然后再次重复。 我现在所拥有的： small ==> big ==> small ==> repeat animation 我要做什么： small ==> big ==> small ==> big ==> small ==> pause ==> repeat animation 我该怎么做？ 我的代码： #button{ width:450px; height:450px; position:relative; top:48px; margin:0 auto; text-align:center; } #heart img{ position:absolute; left:0; right:0; margin:0 auto; -webkit-transition: opacity 7s ease-in-out; -moz-transition: opacity …

83 html  css  animation 

当前使图标图标显示在当前支持该图标的所有浏览器中的最佳方法是什么？ 请包括： 哪些浏览器支持哪些图像格式。 各种浏览器在何处需要哪些行。

83 html  standards  favicon 

在jQuery UI 1.8.4之前，我可以在为使用自动完成功能而构建的JSON数组中使用HTML。 我能够做类似的事情： $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; 那会在下拉菜单中显示为红色文本。 从1.8.4开始，这不起作用。我找到了http://dev.jqueryui.com/ticket/5275，该页面告诉我在这里使用自定义HTML示例，但我对此不走运。 如何使HTML显示在建议中？ 我的jQuery是： <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 我的JSON数组包含如下所示的HTML： [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

83 html  jquery-ui  autocomplete  jquery-ui-autocomplete 

我有一个带有一些填充的包装，然后有一个浮动的相对div，其宽度为百分比（40％）。 在浮动相对div内，我有一个固定的div，我希望它的大小与它的父级相同。我知道从文档流中删除了一个固定的div，因此忽略了包装器的填充。 的HTML <div id="wrapper"> <div id="wrap"> Some relative item placed item <div id="fixed"></div> </div> </div> 的CSS body { height: 20000px } #wrapper { padding: 10%; } #wrap { float: left; position: relative; width: 40%; background: #ccc; } #fixed { position: fixed; width: inherit; padding: 0px; height: 10px; background-color: #333; …

83 html  css 

我想做的是在缓冲区上绘制图形，然后将其原样复制到画布上，这样我就可以制作动画并避免闪烁。但是我找不到这个选项。有人知道我该怎么做吗？

83 javascript  html  canvas  double-buffering 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 11个月前关闭。 改善这个问题 我从事网站开发已有十多年了，但很快发现我为电子邮件客户端开发时，许多用于Web开发的习惯都没有用。这给我带来了极大的挫败感，所以我想问一个问题： 对于像我这样不时发现自己为gmail，Outlook等进行设计的其他人，最佳实践和必要的注意事项是什么？ 示例： <style>...</style> vs内联CSS。 简而言之：是什么从网络世界转移到了电子邮件世界，而没有呢？

83 html  css  html-email 

我正在尝试从网页中解析android中的HTML，由于该网页的格式不正确，我得到了SAXException。 有没有一种方法可以在Android中解析HTML？

83 android  html  parsing 

发生popstate事件时，是否可以防止滚动文档的默认行为？ 我们的网站使用jQuery动画滚动和History.js，并且状态更改应使用户通过pushstate或popstate滚动到页面的不同区域。问题是浏览器在发生popstate事件时会自动恢复先前状态的滚动位置。 我尝试使用设置为文档宽度和高度100％的容器元素，并在该容器内滚动内容。我发现的问题是，它似乎不像滚动文档那样平滑。尤其是在使用大量css3（例如框阴影和渐变）的情况下。 我还尝试了在用户启动滚动期间存储文档的滚动位置，并在浏览器滚动页面后（在popstate上）恢复了它的位置。在Firefox 12中可以正常工作，但在Chrome 19中，由于正在滚动和还原页面，因此会出现闪烁。我认为这与滚动和被触发的滚动事件（恢复滚动位置）之间的延迟有关。 Firefox在popstate触发之前先滚动页面（并触发scroll事件），Chrome先触发popstate然后再滚动文档。 我见过的所有使用历史API的网站都使用与上述类似的解决方案，或者在用户后退/前进时忽略滚动位置更改（例如GitHub）。 是否可以防止在popstate事件中根本滚动文档？

83 javascript  html  dom-events  browser-history 

选择选项填充不适用于Chrome <style> select option { padding:5px 0px; } </style> <select> <option>1</option> <option>2</option> <option>3</option> </select>

83 html  css