求大佬给我这个新人一点指导

Question

我是一名大二新生，计算机专业，见过网上的牛逼特效之后再学习web前端，可是css 基础过了一遍，但是老是写不出好看的页面，不知道如何下手，最近仿了一个网站，再浏览别的网站的时候，发现了人家的网站是自适应的直接由pc端切换成 移动端布局也不会乱，我目前所掌握bootstrap 这一种响应式框架。是不是人家这种自适应网站 是写了两套css 通过用户代理检查发现不同终端加载不同css 还是有啥特殊的方法， 求大佬不吝赐教。媒体查询这种方法我所知道，

1.假如我写pc端页面代码，写好了导航栏，用媒体查询后，切换成移动端会自适应，那原来那些写好的 margin 啊 padding 这些该咋办我直接给了px 单位。
2.当下流行什么样的布局。

Answer 1

现在 成熟的 兼容性较好pc网站的 一般还是使用 媒体查询。

当然布局方面可以做很多文章 flex布局已经可以满足绝大部分场景需求。

至于 想用一套样式 来兼容pc 和移动端 保证不乱, 简单点的可以 复杂的与其写大量的媒体查询 不如直接写两套样式, 也便于后期维护

Answer 2

用bs完全可以应付你说的pc/移动一套，px跟你说的没啥关系。
从pc到移动端，页面布局要改变，三栏改两栏，两栏改一栏，一栏都显示不下的，就要进行取舍，不重要的信息就隐藏掉。
布局改了后，各模块的顺序自然也要改，修改flex的order，可以将重点的内容提上去。
自适应的另一个关键是间隙的大小，刚好bs的一套padding和margin也具有响应式