Question

这些媒体查询在除IE10之外的其他浏览器中运行良好，在这种情况下我该怎么办？我该如何完成这项任务？

@media screen and (max-width: 575.98px){
  .layer-hover .plus, .layer-hover-2 .plus{
    font-size: 2.5rem;
  }
  .layer-hover a, .layer-hover-2 a{
    width: 70%;
    padding: 5px 0;
    font-size: 10px;
  }
}

Answer 1

此处是有关Internet Explorer 11及更低版本上@media使用情况的一些资源。

众所周知，有些人也会尝试以下成功的技巧，但是IE10可能会让人难以原谅。注意前缀，并参阅CanIUse知识对象。

screen

如果这不能解决问题，则可以尝试删除@media (max-width: 575.98px)[data-useragent*='MSIE 10.0']{ .layer-hover .plus { font-size: 2.5rem; } layer-hover-2 .plus[data-useragent*='MSIE 10.0'] { font-size: 2.5rem; } .layer-hover a[data-useragent*='MSIE 10.0']{ width: 70%; padding: 5px 0; font-size: 10px; } .layer-hover-2 a[data-useragent*='MSIE 10.0'] { width: 70%; padding: 5px 0; font-size: 10px; } }参数并专门针对IE10进行样式设置。

Per this article on targeting IE10，由于自IE10以来无法识别条件注释，因此存在这种解决方法。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    // IE10+ CSS here
}

Mediacurrent with lots of success stories.

中提到了您可以尝试的另一种可能的破解方法

con.Open();
SqlCommand cmd = new SqlCommand("Insert into inventory (price) values ('" + Convert.ToDecimal(textBox1.Text) + "')", con);
cmd.ExecuteNonQuery();
con.Close();

媒体查询无法在Internet Explorer 10中运行

1 个答案: