我是一名大二新生，计算机专业，见过网上的牛逼特效之后再学习web前端，可是css基础过了一遍，但是老是写不出好看的页面，不知道如何下手，最近仿了一个网站，再浏览别的网站的时候，发现了人家的网站是自适应的直接由pc端切换成移动端布局也不会乱，我目前所掌握bootstrap这一种响应式框架。是不是人家这种自适应网站是写了两套css通过用户代理检查发现不同终端加载不同css还是有啥特殊的方法，求大佬不吝赐教。媒体查询这种方法我所知道，1.假如我写pc端页面代码，写好了导航栏，用媒体查询后，切换成移动端会自适应，那原来那些写好的margin啊padding这些该咋办我直接给了px单位。2.当下流行什么样的布局。
2 回答
开满天机
TA贡献1786条经验 获得超13个赞
用bs完全可以应付你说的pc/移动一套，px跟你说的没啥关系。从pc到移动端，页面布局要改变，三栏改两栏，两栏改一栏，一栏都显示不下的，就要进行取舍，不重要的信息就隐藏掉。布局改了后，各模块的顺序自然也要改，修改flex的order，可以将重点的内容提上去。自适应的另一个关键是间隙的大小，刚好bs的一套padding和margin也具有响应式
添加回答
举报
0/150
提交
取消