说说制作手机端页面的思路？？

Question

能否拿一些著名网站（例如天猫，京东商城之类的） 他们的制作思路是怎样的？？

我主要担心的问题是：屏幕尺寸不同 ， 该怎样进行制作？？

响应式(利用 @media screen and (max-width) 进行设计) ？？
还是全部百分比设置（中间插入一些 flex 布局）？？

或者，有没有其他的可选方案？？

能否给个简单的范例：
例如：推荐 响应式

   响应式范例： 
     <style>
       @media screen and (min-width: 480px) and (max-width:640px){
         div{width:560px;font-size:14px;}
       }
     </style>
     <div></div>

本人手机端页面制作小白，求科普相关技术....，谢谢

Answer 1

自适应网页如何写,第一理念，宽度用百分比表示；第二理念，div模块化；第三，页面浮动式布局；第四，媒体查询；第五，js自适应设置

Answer 2

先看看bootstrap和他给的例子吧。