Questions tagged «html»

我正在使用一个网站gulp进行编译和浏览器同步，以使浏览器与我的更改保持同步。 gulp任务可以正确编译所有内容，但是在网站上，我看不到任何样式，并且控制台显示以下错误消息： 拒绝从' http：// localhost：3000 / assets / styles / custom-style.css ' 应用样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。 现在，我真的不明白为什么会这样。 HTML包含这样的文件（我很确定是正确的）： <link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/> 样式表目前是Bootstrap和超赞字体之间的合并（尚无自定义）。 路径也是正确的，因为这是文件夹结构： index.html assets |-styles |-custom-style.css 但是我一直在得到错误。 会是什么呢？这是gulp / browsersync的东西（也许是设置吗？）？

381 html  css  gulp  mime-types  browser-sync 

是否可以使用css3为svg元素设置阴影，类似 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 我看到了有关使用滤镜效果创建阴影的一些评论。有没有单独使用css的示例。下面是正确使用cusor样式但没有阴影效果的工作代码。请帮助我以最少的代码获得阴影效果。 svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; } <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" viewBox="0 0 120 70"> <rect class="shadow" x="10" y="10" width="100" height="50" fill="#c66" /> </svg> …

378 html  css  svg  svg-filters 

change()当通过设置值时，不会运行事件处理程序中的逻辑val()，但是当用户用鼠标选择一个值时，它确实会运行。为什么是这样？ <select id="single"> <option>Single</option> <option>Single2</option> </select> <script> $(function() { $(":input#single").change(function() { /* Logic here does not execute when val() is used */ }); }); $("#single").val("Single2"); </script>

377 jquery  html  select  input 

Apple的iPad Mini在更多方面比我们想要的要小一些，是iPad 2的较小版本。在JavaScript中，该window.navigator对象为Mini和iPad 2公开了相同的值。到目前为止，我发现该差异的测试并未成功。 为什么这很重要？ 由于iPad Mini和iPad 2屏幕的像素相同，但实际尺寸（英寸/厘米）不同，因此它们的PPI（每英寸像素）也不同。 为了使Web应用程序和游戏提供友好的用户界面，相对于用户的拇指或手指位置调整了某些元素的大小，因此，我们可能希望缩放某些图像或按钮以提供更好的用户体验。 到目前为止，我已经尝试过的事情（包括一些非常明显的方法）： window.devicepixelratio CSS元素宽度（以厘米为单位） CSS媒体查询（例如resolution和-webkit-device-pixel-ratio） SVG图纸以相似单位 在设定的时间内执行各种CSS Webkit转换，并使用来计数渲染的帧requestAnimFrame（我希望能够检测到可测量的差异） 我没有主意。你呢？ 更新 感谢您到目前为止的答复。我想评论一下有人投票反对将iPad mini对比2来投票，因为Apple认为这是一项统治所有人的准则。好的，这就是我的理由，为什么我觉得知道一个人使用的是iPad mini还是iPad 2确实很有意义。 iPad mini不仅是小得多的设备（9.7英寸对7.9英寸），而且其外形尺寸允许不同的用途。除非您是Chuck Norris，否则在玩游戏时，通常会用两只手握住iPad 2 。迷你游戏机较小，但也更轻巧，可以玩游戏，您可以一只手握住它，而另一只手则可以滑动或轻按。作为我自己的游戏设计师和开发人员，我只想知道它是否是迷你游戏，因此我可以根据需要选择为玩家提供不同的控制方案（例如，在对一组玩家进行A / B测试之后）。 为什么？事实证明，大多数用户倾向于使用默认设置，因此当播放器加载游戏时，忽略虚拟指尖并在屏幕上放置一些其他基于轻击的控件（此处仅提供任意示例）。比赛的第一次是我，恐怕其他游戏设计师，很想能够做到。 因此，恕我直言，这超出了冗长的讨论/准则的讨论，而这仅仅是Apple和所有其他供应商应做的事情：允许我们唯一地标识您的设备并考虑不同的想法，而不是遵循准则。

376 javascript  html  ipad  svg 

我正在为在所有Intranet站点上强制兼容模式的客户端做工作。我想知道是否可以在HTML中放入一个标记，以强制关闭兼容模式。

375 html  internet-explorer 

我只需要通过<input type="file">标签上传图像文件。 现在，它接受所有文件类型。但是，我想将它限制为仅特定的图像文件的扩展名，其中包括.jpg，.gif等等。 如何实现此功能？

375 html 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 上个月关闭。 我正在设计一个新网站，我希望它与尽可能多的浏览器和浏览器设置兼容。我正在尝试确定应该使用哪种度量单位来显示字体和元素的大小，但是无法找到一个确定的答案。 我的问题是：我应该使用CSS px还是remCSS？ 到目前为止，我知道使用px与在浏览器中调整基本字体大小的用户不兼容。 我不理会ems，因为与rems 相比，它们在级联时更容易维护。 有人说rems与分辨率无关，因此更可取。但是其他人则说，大多数现代浏览器无论如何都会对所有元素进行均等缩放，因此使用px并不是问题。 我之所以这么问，是因为关于CSS中最理想的距离度量有很多不同的看法，我不确定哪个是最好的。

375 html  css  distance  units-of-measurement 

我的网站在iPhone / Safari浏览器上的呈现效果很好，但有一个例外：我的文本输入字段具有一种怪异的圆形样式，与我的网站的其余部分完全不一样。 有没有一种方法可以指示Safari（通过CSS或元数据）不对输入字段进行舍入并按预期将其呈现为矩形？

374 html  css  iphone  mobile-safari  css-reset 

我有div一些孩子： <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> 我想要以下布局： ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | ------------------- 无论文本中有多少文本，p我都希望.button始终将其始终停留在底部，而不会将其从流程中移出。我听说Flexbox可以实现这一点，但我无法使其正常工作。

374 html  css  flexbox 

如何使用CSS选择器定位“文本”类型的输入字段？

371 html  css  forms  css-selectors  html-input 

是否有任何简单的方法来删除所有匹配的类，例如， color-* 所以如果我有一个元素： <div id="hello" class="color-red color-brown foo bar"></div> 删除后，它将是 <div id="hello" class="foo bar"></div> 谢谢！

370 jquery  html 

考虑以下代码： #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When you post a …

370 css  html 

我有一个表格。在该表格之外，我有一个按钮。一个简单的按钮，如下所示： <button>My Button</button> 不过，当我单击它时，它将提交表单。这是代码： <form id="myform"> <input /> </form> <button>My Button</button> 该按钮应该做的就是编写一些JavaScript。但是，即使看起来像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以正常工作。但不幸的是，它必须是一个按钮。有什么方法可以阻止该按钮提交表单？像例如 <button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>

370 javascript  html 

我需要将两个参数传递并接收到要转换为使用ui-srefui-router的状态。 例如使用下面的链接将状态转换为homewith foo和bar参数： <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 控制器中的接收foo和bar值： app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 我得到undefined了$stateParam在控制器中。 有人可以帮助我了解如何完成任务吗？ 编辑： .state('home', { url: '/', views: { '': { templateUrl: 'home.html', …

369 javascript  html  angularjs  angular-ui-router  angular-ui 

尝试最多包含5个项目且只有3个项目的flexbox导航，但它并未在所有元素之间平均分配宽度。 小提琴 我为此建模的教程是http://www.sitepoint.com/response-fluid-width-variable-item-navigation-css/ 萨斯 * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 0 6.5rem; display: table; table-layout: fixed; } .tabs ul { margin: 0; display: flex; flex-direction: row; } .tabs ul li { flex-grow: 1; list-style: none; text-align: …

368 html  css  flexbox