前端如何适应pc端和手机端,手机端在哪里

前端如何适应pc端和手机端,手机端在哪里

1使用rem结合媒体查询，vscode插件px to rem设计好根字体大小，不用自己计算，但是我舍弃了这种方法，选择了第二种2媒体查询结合vw,使用npm i postcss-px-to-viewppc端移动端页面适配方案(代码片段) 前言页面自适应PC端、移动端大体上可以分为两种：1、在同一个页面进行自适应布局，通常使用CSS3 @media 媒体查询器实现2、

╯０╰ 总结一下在目前pc端和手机端没有分离的情况下，我们做详情页应该注意的五个要点：1、在文字的处理上，首先字体要大，建议不要低于20号字，其次文字不要过多，客户很少浏览文字。2、图片尺寸建议做790*如果你已经为PC端编写了完整的HTML和CSS代码，那么最简单的方法是使用响应式设计。你可以使用媒体查询来

ˋ▂ˊ 1. Vue3 选项式API + vite - 完成PC 端项目vue3 的选项式API, 让你从Vue2 完美衔接到Vue3, 一个基于vite 的PC 端项目，让你尽快适应企业级项目开发流程Vue2.0+Vue3.0全套教程，vue.js零基pc端只需要选一个布局，然后定宽就可以了，但是手机端，手机太多. 各种宽度像素都有很多.没有办法做响应式，解决方法：使用百分比：例如，宽度5%,40%,让它始终自适

一、固定布局(pc端)(静态布局) 以像素作为页面的基本单位，不管设备和浏览器宽度，只设计一套尺寸(这种不太现实) 二、根据不同根据不同的分辨率，加载不同的CSS如果是手机端的话我要采用rem布局设计稿是640px的标准如果是pc端的话我需要页面自适应设计稿是宽1920px的标准并且当电脑屏幕尺寸小于1024px(一般来讲最小的电脑尺寸就是1024px