时间戳

首页 > 解决方案 > 响应式站点 - 不使用引导程序

html - 响应式站点 - 不使用引导程序

问题描述

我开始学习 html，我必须创建一个站点（没有 js），这是我的代码：

https://codepen.io/marcin-panasiuk/pen/xxEreym

我必须让这个网站响应，就像在这个链接中一样：

https://www.figma.com/file/YglqfahKunKX59rnf4xL5Snc/Projekt-zaliczeniowy-%231?node-id=1%3A17

更薄的是这个网站在手机上的样子。我不能使用引导程序。知道如何开始吗？

标签： htmlcss

解决方案

我查看了您的源代码和您的网站，您可以使用以下查询使您的网站响应 Bootstrap

 /* CSS file   */ 
  
  @media screen and (min-width:400px) {
   
    .tagname{ /* tag-properties here*/ 
      }
      
     
   }

你可以在你的 HTML 页面中使用

<link rel="stylesheet" media="screen and (min-width: px)" href="#">
用于优化

并尝试为您使用的每个设备编写单独的 CSS 文件。这使得调试更容易和更快，进一步减少了使用的 CSS 文件的大小

并在此处查看以下教程

推荐阅读