我正在处理的网站需要一个用于移动设备的其他 CSS。我该怎么做呢。我试过:
<link REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="mobile.css" />
<link REL="stylesheet" TYPE="text/css" MEDIA="screen" HREF="style.css" />
在我的 style.css 中,第一行是:@media screen{ 在我的 mobile.css 中,第一行是:@media print, handheld{
我已经在 Samsung Galaxy Nexus(chrome beta 和默认浏览器)和 Samsung Galaxy S 上对此进行了测试。两者都采用 style.css
如何解决这个问题?
最佳答案
使用像 media=”screen and (min-width: 800px)” 这样的媒体查询
<link REL="stylesheet" TYPE="text/css" MEDIA="screen and (min-width: 800px)" HREF="style.css" />
(结合响应式网页设计?)
关于html - 手机网站,使用正确的css文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9619012/