首页 > 解决方案 > 如何为不同的屏幕尺寸开发网站

问题描述

嗨,我在笔记本电脑上开发了一个博客网站。我根据笔记本电脑屏幕编写它的代码。在笔记本电脑屏幕上显示效果很好。但是当我在大屏幕显示器上看到它时。它显示得太糟糕了。我想知道如何为不同的屏幕尺寸开发我的网站,而无需再次编写所有代码。所以你能帮我吗

标签: javascripthtmlcssflaskstyles

解决方案


让您的网站响应不同的屏幕尺寸。您必须使用媒体查询。

是的,您可以使用像 Bootstrap 这样的框架来轻松实现它,并且在后台它们还使用媒体查询和 jQuery 来实现响应。

如果您已经在没有任何 CSS 框架的情况下开发了您的网站,那么您应该使用媒体查询,如果您想使用任何框架,那么您必须根据框架再次编写代码。(几乎,不是全部)。

学习 CSS 媒体查询的来源 - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries


推荐阅读