javascript - PC端多屏适配，PC兼响应式H5项目实现方案？
我们一般开发 H5 项目的话，做适配的方案就是采用 postcss-pxtorem 或者 postcss-px-to-viewport 方案来解决，设计稿一般都是基于 iphone6 标准来设计的； 这个我一般都知道，就是问下 2 个问题：
- 那开发 pc 端网页项目，一般是采用什么方案来做不同 pc 屏幕大小的? 设计师一般设计 pc 网页都是基于多少 像素 标准来设计的呢？
- 要做个 pc 兼响应式 h5 的项目，一般都是采用什么什么方案做的呢？
我是对开发 pc 网页项目不熟悉，有小伙伴知道的，可以说下嘛。
共有1个答案
我现在做的项目就是PC+H5两个兼容，采用的大概方案有如下2种供你参考
1.两套样式，html单独开发，js 80~95%复用
PC和H5是两套不一样的UI，UI代码也是两份，但是交互部分80%左右可以复用。
比如一个登录界面，pc用element-ui,H5用vant。html部分用两套代码进行实现，js部分就用minix进行混入共用，在不同组件的返回值做一些特殊处理即可。
缺点：逻辑部分混用有非常多的判断处理，后期不太好维护
2.自适应，html、js共用，css做样式变形、控件做封装处理
这个做法对设计师的能力要求较高，对开发者的能力要求也略高，不然代码写出来很臃肿
比如采用栅格或者媒体查询进行不同尺寸下的样式变化进行开发，代码都是一套。
如果有下拉控件、日期控件等等，需要自行封装一个
自适应PC和H5的组件，内部做一个兼容处理。
-
可以用postcss-px-to-viewport嘛,但使用了不生效，页面切换成手机端还是
-
本文向大家介绍JavaScript实现PC端横向轮播图，包括了JavaScript实现PC端横向轮播图的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript实现PC端横向轮播图的具体代码，供大家参考，具体内容如下 步骤： 第一步：先实现右侧按钮点击图片动起来； 1.每次点击图片走的距离； 2.起始位置已知，计算定时器每走一小步的距离； 第二步：判断点击按钮一次图片移动的
-
列数有3列，并且是一个树形结构的表格，目前H5用的是vant组件库，应该怎么展示比较好呢？希望有图片示例最好。
-
本文向大家介绍H5移动端适配 Flexible方案，包括了H5移动端适配 Flexible方案的使用技巧和注意事项，需要的朋友参考一下 一、移动端一些概念 视觉稿 （选取一款手机的屏幕宽高作为基准） 在前端开发之前，视觉 MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPho
-
PC网页接入方式 爱客服支持多种接入方式，包括PC网页、移动网页、微信接入、APP接入，不同接入方式具备不同的接入方法，用于不同的场景。 PC网页接入一般有两种接入方式： JAVASCRIPT网页插件接入：通过JS代码将爱客服的咨询图标部署到前端页面 HTML地址链接独立页面接入：通过HTML链接将爱客服的咨询页面链接至指定位置或自定义按钮处 JAVASCRIPT网页插件接入 首页>接入>桌面网站
-
本文向大家介绍Android PC投屏功能实现的示例代码，包括了Android PC投屏功能实现的示例代码的使用技巧和注意事项，需要的朋友参考一下 本文介绍了Android PC投屏功能实现的示例代码，分享给大家，具体如下： 代码地址 ：https://github.com/deepsadness/MediaProjectionDemo 效果预览 投屏效果预览 简单说明: 使用Android Me