2024年制作网站的手机端 篇1
我能想到的通常做法有两种:
第一种是bootstrap这一类响应式的，简单说就是通过CSS的媒体查询语句检测当前浏览器的不同宽度，从而响应式的应用不同的CSS样式，实现在PC端和移动端都有较为一致的体验。
这种方式的优点是开发相对简单快速，可以直接引入类似bootstrap这一类响应式的样式库，多熟悉一下它的开发文档就好了。响应式的缺点就是样式类冗余，PC端浏览同样也会加载移动端用到的样式，再一个就是在PC端动态调整浏览器窗口大小，网页也会响应式的回流重排，这一点我个人觉得是没必要的。
第二种通常方法就是PC端和移动端独立开发，加载两套独立的CSS文件，如果检测到是移动端访问，则跳转到移动端域名（一般是m.xxx.com）。
这种方法的优点是能够根据浏览者不同的终端开发出体验更好的页面，能够更加细致；缺点就是开发周期更长，需要投入的成本更高。
根据自身的实际情况选择实现方法，前者适用于页面不是太复杂，并且着急上线的项目；而后者则更适合较大较复杂，并对用户体验要求较高的项目。