html引用css文件无效,关于html引用文件无效。

因为项目做的是一个需要在不同的分辨率和电脑屏幕大小下执行的功能，所以我开始是在每个html里添加了如下图所示

然后开始调兼容，刚开始是没发现，后来因为需要每个浏览器都看一下，后来发现了个纳闷的事情，如图：

这个就是没有引入css文件的结果，麻烦请注意下，当前浏览器的比例视觉是100%的。

当我试着把比例调为小一号的时候，样式就出现了，如图：

同时，也能看到样式区，是可以看到选择的css样式文件是哪个：

后来，我替换掉原来head里引用的东西，替换成了

结果显示出来的东西，即使在100%以下或者以上的浏览器中，显示的都是正常的：

以上说明的都是在1920*1080的分辨率下进行的，就是默认为的1920的宽。但是如果按照最后的这个测试做的话，也就是在其他的分辨率的默认宽下，都会出现样式错乱的情况，而且还不能改css(因为最后的那个引用，只有一个文件，改了其他的也会变动的)，跪求大腿想一想怎么弄？注明：@media 媒介之外的方法

html引用css文件无效,关于html引用文件无效。相关推荐

UI设计师必知：link和@import引用css文件方法的区别
<link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法: 1 使用<link>元素链接到 ...
mvc怎么单独引用css文件,关于asp.net mvc：如何在剃刀视图中引用.css文件？
我知道如何在layout.cshtml文件上设置.css文件,但是在每个视图的基础上应用样式表呢? 我在这里的想法是,在layout.cshtml中,您可以使用标记,但在非布局视图中不能这样做.标签在 ...
引用css文件不生效
在确定css文件确实已经引入的情况下,其中的样式依然不生效. 用谷歌浏览器,f12打开开发者工具.查看控制台中是否有类似这样的一句话 Resource interpreted as Styleshee ...
Hbuilder引用css文件无效
这个bug真的是,没想到,最近下载了hbuilder想跟着视频,写个前端的项目,之前的项目写后端比较多,体现不出前端,毕竟要面试前端实习,就打算写个前端的,没想到刚刚开始就遇到了问题.我找的视频教程是 ...
html引用外部css文件（使用绝对路径）
html代码引用外部css文件时若css文件在本文件的父目录下的其他目录下,可使用绝对路径.此时路径要写为 " /... "形式,如在tomcat下建立一个test文件,在该文件 ...
teamcity plugin中读取js和css文件的方法
在jsp中引用css文件: <link rel="stylesheet" href="${teamcityPluginResourcesPath}codemirro ...
less保存后自动生成css文件
vscode安装插件Easy LEss ,保存后自动编译,直接引用 css 文件即可
将html文件和css文件连接起来的方法
最常用: 使用link来调用外部的css文件在head放置<link rel="stylesheet" href="你的css文件名.css" type ...
webpack如何将css文件分离的,详解webpack分离css单独打包
这篇文章只写了如何把css打包成一个css文件,没有讲解如何打包成多个css文件,经简友提点,这里添加上了打包成多个css文件的方法. 瞎扯 webpack 把所有的资源都当成了一个模块, css, ...

html引用css文件无效,关于html引用文件无效。

html引用css文件无效,关于html引用文件无效。相关推荐

最新文章

热门文章