javascript - 如何为不同的屏幕尺寸开发网站
问题描述
嗨,我在笔记本电脑上开发了一个博客网站。我根据笔记本电脑屏幕编写它的代码。在笔记本电脑屏幕上显示效果很好。但是当我在大屏幕显示器上看到它时。它显示得太糟糕了。我想知道如何为不同的屏幕尺寸开发我的网站,而无需再次编写所有代码。所以你能帮我吗
解决方案
让您的网站响应不同的屏幕尺寸。您必须使用媒体查询。
是的,您可以使用像 Bootstrap 这样的框架来轻松实现它,并且在后台它们还使用媒体查询和 jQuery 来实现响应。
如果您已经在没有任何 CSS 框架的情况下开发了您的网站,那么您应该使用媒体查询,如果您想使用任何框架,那么您必须根据框架再次编写代码。(几乎,不是全部)。
学习 CSS 媒体查询的来源 - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
推荐阅读
- php - 在 PHP 中为 JSON 创建 DateTime
- powerbi - PowerBi - 更新 PowerBi Cloud 上的报告
- azure-devops - Azure devops 发布测试结果以及需求链接
- webpack - 从 Expo 的 createWebpackConfigAsync 配置 Webpack 时,WebStorm 不解析别名
- python-3.8 - 无法在诗歌中添加插件
- php - PhpMailer,如何为多个 addCC 电子邮件地址正确写入变量值?
- flutter - 修复需要在 Flutter 中扩展的 Widget 的最小宽度
- csv - 将具有结构的 Hive 表写入 TSV 文件
- python - 我可以在 python 模块上运行 line_profiler 吗?
- c# - 如何创建自定义结构(或类)类型的应用程序设置参数?