如何仅使用 CSS 样式表将网站修改为对移动设备友好 [关闭]

【问题标题】：How to modify a website to be mobile-friendly using only a CSS stylesheet [closed]如何仅使用 CSS 样式表将网站修改为对移动设备友好 [关闭]
【发布时间】：2013-02-05 04:11:10
【问题描述】：

我开发了一个网站，其中包含一些 JavaScript（一个页面使用它在图片库中弹出图片，另一个页面使用优惠券代码文本字段）。我想创建一个 CSS 样式表，当它显示在移动浏览器中时，它可以让我调整网站中的所有内容，使其外观更加流畅和简单。有没有办法只使用标记为移动浏览器的样式表来做到这一点，如果是这样，格式是什么？

此外，在我的网站的移动版本上使用 JavaScript 是否会造成问题，或者我也可以将其调整为移动版本吗？

【问题讨论】：

标签： javascript css mobile cross-browser


【解决方案1】：

您需要使用CSS media queries

Here 是一篇让您入门的好文章

【讨论】：

  • 我听说过媒体查询。我去看看，谢谢。
【解决方案2】：

我知道这个答案是初学者，但你有没有看过 jquery mobile ？

上面有很多 html5 的用法，对于简单的例子/项目，它工作得很好。

http://jquerymobile.com/

【讨论】：

  • 这可能更接近我想要的。
【解决方案3】：

据我所知，您不能将 CSS 用于此级别的条件...但是您可以使用 Javascript 来选择特定的 CSS...

我正在使用这个库来做到这一点

http://detectmobilebrowsers.com/

它将移动用户重定向到您域中的子文件夹..

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-14
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 2021-04-15
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode