html - 手机网站,使用正确的css文件

标签 html mobile css web

我正在处理的网站需要一个用于移动设备的其他 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/

相关文章:

javascript - 使用触摸事件滚动页面

java - 我可以在 ANT 中使用 less4j 将 less 编译成 css 吗?

javascript - Bootstrap Carousel Arrows 不改变幻灯片

html - Chrome 35 DirectWrite(默认打开)破坏了我的网站菜单

javascript - 滚动条隐藏在 rails 4 中

css - 通过多个父元素使元素透明?

javascript - 如何从某些百分比更改 Bootstrap 进度条颜色

javascript - 如何更改 HTML 元素并重定向到另一个页面

mobile - 在移动设备的文本输入焦点上滚动页面?

jquery - 我可以让 jQuery Mobile 仅在所有图像加载后才显示页面吗?