pc-reset PC样式初始化 /* normalize.css */ html { line-height: 1.15; /* 1 / -ms-text-size-adjust: 100%; / 2 / -webkit-text-size-adjust: 100%; / 2 */ } body ...
转载
2021-10-13 16:13:00
479阅读
2评论
M站、h5、PC端、移动APP等这些都是前端开发最长接触到的，今天我就大概的聊一聊他们吧！ M站：M站一般是指手机网页端的页面，也就是mobile移动端 H5：H5，是HTML5的简称，他是一种高级的网页技术，最大的优点之一就是在移动设备上支持多媒体。我们平时看到的邀请函、幻灯片、小游戏......都是H5网页，他跟我们平时上网看到的那些网页本质上没有任何区别 pc端：PC全
转载
2023-07-06 13:48:26
1839阅读
具体代码 @charset "utf-8"; html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:
转载
2017-07-19 10:08:00
128阅读
一、前端项目角色简称PM产品经理（Project Manager），项目主管或项目经理RD研发（Research and Development）CRD客户端；移动端（client Research and Development）FE前端（Front-End）；前端开发（Frond-End Development）QA测试（QUALITY ASSURANCE,中文意思是“质量保证”）UE用户体验
转载
2023-10-26 14:09:58
79阅读
分别定义移动端和pc端两个css文件，然后根据js判断再执行对应的css文件。<script>
var is_mobi = true;
// 判断是手机还是电脑
is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|
转载
2023-05-30 19:58:03
947阅读
html:<!DOCTYPE html><head><meta charset="utf-8"><title></title> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="
原创
2021-06-02 14:02:00
921阅读
html:<!DOCTYPE html><head><meta charset="utf-8"><title></title> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="
原创
2021-06-02 14:02:00
467阅读
# 如何实现“jQuery PC 移动端”
## 介绍
在如今移动设备的普及程度越来越高的情况下，为了提供更好的用户体验，很多网站都需要对PC端和移动端进行适配。使用jQuery可以很方便地实现这个功能，本文将介绍如何使用jQuery实现PC端与移动端的适配。
## 流程
下面是实现“jQuery PC 移动端”的整个流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 引
原创
2023-11-24 09:15:29
131阅读
1、兼容性方面 移动端：主要是不同终端分辨率问题 PC端 ： 主要在浏览器不同内核兼容性上问题2、布局方面 移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局） PC端 ： 通常有
转载
2023-07-14 18:16:34
425阅读
好久没复习js了，今天正好之前的项目要重新写一套移动端的代码，之前的没有做移动端的兼容，故将遇到的问题写在上面：在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说：Navigator对象 首先来了解一下Navigator 对象，Navi
转载
2023-12-14 11:28:53
190阅读
1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的。3.在布局上
转载
2023-11-25 15:05:27
93阅读
PC端和移动端的区别你知道吗？截至2015年11月，中国手机上网用户数已超过9.05亿，软件移动化成为一种趋势，移动产品经理成为了产品经理的一个重要分支，那么对于移动端和PC端到底有什么区别呢？在设计过程中有什么差异？下面我们逐一分析。一、PC端与移动端区别有人说手机端无非就是PC端的移植，功能设计照搬就行了，这是对于移动设计最大的误解，其实PC端与移动端是千差万别的。操作方式PC端的操作方式与移
转载
2024-02-08 06:05:57
126阅读
一. 移动端适配1.安装两个插件库 lib-flexible和px2rem-loader flexible.js是淘宝官方H5移动适应解决方案 px2rem会在项目编译的过程中根据根结的font-size值将我们项目css中的px单位转成rem， 其中不需要转成rem的可以写成PX ，UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,
转载
2024-04-19 15:21:15
524阅读
负责一个项目pc端的，再上线以后呢，想兼容移动端。用同一套页面 1.方法1 定义视口窗口，简单，可以在手机上看到一个缩小版的pc端
原创
2022-07-06 11:50:40
847阅读
关于移动端屏幕适配的文章网上有很多，大部分都写的很好，而本文是我自己观摩各路大神的文章后的小小总结。flexible方案说到移动端适配，总不免会提到阿里的flexible方案。对于flexible，我总结出以下几点：使用rem实现等比缩放：使用js动态设置html标签的font-size将屏幕宽度按10rem进行计算html标签的font-size为了以后vh、vw兼容计算非常麻烦，生产中要使用c
对于现在的移动端设备的普及，移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动端的交互和用户体验的知识，这里总结了一些。若有不足的地方，希望大家能够积极补充。 PC端和移动端的产品的设计区别屏幕与适配的问题考虑；操作系统（windows，mac，android，iOS等）的区别；网络环境（并不是每一个移动端设备随时随地都有网络）；使用场景（站着，坐着，躺着，蹲着，趴着，走着等
转载
2023-10-01 09:26:55
24阅读
操作方式：PC端的操作方式与移动端已经有了明显的差别，PC端使用鼠标操作，操作包含滑动、左击、右击、双击操作，操作相对来说单一，交互效果相对较少，而对于手机端来说，包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度，除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式，操作方式更加的丰富，通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。屏幕
转载
2023-12-23 21:44:05
132阅读
点击下面 目录标题网页 head 部分<!-- 禁止缩放 -->
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />公共 js 部分//提取非行间样式
function getStyle(obj,attr)
{
if(obj.current
转载
2023-07-22 19:20:02
70阅读
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 &n
转载
2024-02-18 20:23:38
1406阅读
//判断是手机端还是pc端 function isPc(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser| ...
转载
2021-10-14 14:27:00
504阅读
2评论
