CSS媒体设备

Question

我正在使用第一个自己的网站。我想创建一个负责任的布局。 这是我的HTML代码..

<link href="css/web_desktop.css" rel="stylesheet" 
type="text/css" media="screen and (min-width:481px)" />

<link href="css/web_mobile.css" rel="stylesheet" 
type="text/css" media="screen and (max-width:480px)" />

当我调整浏览器大小时，它适用于我的笔记本电脑。但不知何故，当我尝试上传并尝试用我的iPhone打开它时，它甚至都无法正常工作。 我试图将此代码放入我的web_mobile.css文件

  

@media screen and（max-device-width：480px）{   }

但仍然......

你们有什么建议吗？是否有可能创建超过2个css媒体查询？ 非常感谢你。

Answer 1

将您的媒体查询照常放入.css文件中，并设置媒体查询之间通常的样式。

Here are a list of a lot of media queries you can use.

您可以使用1 .css文件，而无需在使用media调用link文件时使用.css属性，因为查询将位于.css档案。