Fatal编程技术网
  • html/
  • Html 忽略手机的默认样式表

Html 忽略手机的默认样式表

html css mobile

Html 忽略手机的默认样式表,html,css,mobile,Html,Css,Mobile,我正在尝试编写一个响应性强的网站。我在head标签中使用了max device width属性，但我希望HTML完全忽略默认的css，完全接受我的移动css。现在它正在接受移动css，但它并没有完全取消主css，所以当我不想在手机上查看时，它会从中提取样式。这有意义吗？这就是我的头代码 <head> <title>Website</title> <link href="stylesheet_website.css" rel="stylesheet

我正在尝试编写一个响应性强的网站。我在head标签中使用了max device width属性，但我希望HTML完全忽略默认的css，完全接受我的移动css。现在它正在接受移动css，但它并没有完全取消主css，所以当我不想在手机上查看时，它会从中提取样式。这有意义吗？这就是我的头代码

<head>
  <title>Website</title>
  <link href="stylesheet_website.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css"
     media="only screen and (max-device-width: 768px)"
     href="mobile_website.css"/>
</head>


网站
当在手机上查看时，如何使样式表_website.css完全被忽略，并完全接受mobile_website.css？谢谢

如果您希望一个样式表仅在屏幕和最大设备宽度为768px的设备上加载，而另一个样式表加载在所有其他设备（台式计算机、打印机等）上，则需要一个媒体查询，该查询与“仅屏幕和（最大设备宽度：768px）”相反

幸运的是，有这样一个媒体查询


网站
请注意，使用逗号表示
或
如果希望一个样式表仅加载在屏幕和最大设备宽度为768px的设备上，而另一个样式表加载在所有其他设备（台式计算机、打印机等）上，则需要一个与“仅屏幕和（最大设备宽度：768px）”相反的媒体查询

幸运的是，有这样一个媒体查询



网站


请注意，逗号的意思是
或