我们是否可以在使用CSS的同时让我们的网站完全响应呢?
是的,您可以在css
中使用media breakpoints
,如下所示
320px - 480px:移动设备
ipad,平板电脑
769px - 1024px:小屏幕,笔记本电脑
1025px - 1200px:桌面,大屏幕
1201px及以上-超大屏幕,电视
例如
@media (max-width: 480px) {
.text {
font-size: 16px;
}
}
更多信息,请访问以下链接:https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/
如果您只考虑使用CSS来响应,我建议您阅读媒体查询。它们就像css中的if函数。
https://www.w3schools.com/css/css_rwd_mediaqueries.asphttps://css-tricks.com/a-complete-guide-to-css-media-queries/