Question

我一直在IE中编写和运行我的应用程序，我已经下载了Safari来测试我的应用程序是否适用于该浏览器，当我加载主屏幕时，CSS没有被调用。

我使用媒体屏幕开发了我的程序，并有两个不同的样式表：

<link rel="stylesheet" media="(min-width: 1600px)" type="text/css" href="../../Style/MinWidth1600StyleSheet.css" />
<link rel="stylesheet" media="(max-width: 1280px)" type="text/css" href="../../Style/MaxWidth1280StyleSheet.css" />

我已经使用了绝对定位，但是在我的应用程序结束时会创建更多样式表，因为我觉得这是我的舒适编码方式。

有没有人知道Safari没有调用我的任何样式表的原因？

Answer 1

<link rel="stylesheet" media="(min-width: 1600px)" type="text/css" href="../../Style/MinWidth1600StyleSheet.css" />
<link rel="stylesheet" media="(max-width: 1280px)" type="text/css" href="../../Style/MaxWidth1280StyleSheet.css" />

根据https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

../../ Style / MinWidth1600StyleSheet.css将加载IF min-width：1600px：视口宽度为1600px，或更宽。

../../ Style / MaxWidth1280StyleSheet.css将被加载IF max-width：1280px：视口宽度为1280px或更窄。

对于宽度大于1280px且窄于1600px的显示器，没有css。请查看有关CSS媒体查询的文档。

外部文件表与safari

1 个答案: