簡體   English   中英

如何根據不同尺寸的設備使網站響應?

[英]How to make website responsive according to different size of device?

如何使我的網站根據不同的設備尺寸做出響應?

不同的筆記本電腦和 PC 具有不同的分辨率。 在這種情況下,如果我使用媒體查詢並將其應用於特定設備(以像素為單位),那么它將不適用於具有不同分辨率的不同設備。

在此處輸入圖像描述

比方說,我在一台電腦上使用這個網站(這只是一個例子)並且它正在工作,但是如果我在不同分辨率的不同電腦上使用同一個網站,那么網站類型和結果數量之間的差距就會消失並且它們相互重疊。

請告訴我一個解決方案,以便當我在不同分辨率的不同設備上運行網站時,它可以運行。

我建議使用引導框架,默認情況下它具有響應功能,否則您必須在每個斷點應用媒體查詢。

看這篇文章學習媒體查詢和斷點

https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM