pc端做适配,pc端适配各种分辨率

pc端做适配,pc端适配各种分辨率

做一个响应式的页面。即只用一个链接，用媒体查询来控制样式。同一个链接pc和移动端打开都可以适配，有的模块是用两套不一样的css样式。最近做了一个匹配平板和手机的页面，我用的媒体查询是768px。以前谈适配只会想到移动项目，而有时候转做pc端，有一个很爽的感觉就是什么的尺寸都可以写死，不需要担心设备尺寸不同的问题。但是现在越来越多的PC项目也有适配的需求：目前我们pc项目

1. 在vscode中下载px to rem rem适用于网页适配可以将px转换为rem(快捷键alt+z) 2. 将所有的网页代码用一个div包裹起来，写上样式，让网页自适应居中网页的所有代码省略1 2 3 PC端各分辨率适配最近在写一个PC端的活动页面，即将完工的时候，增加了个需求，想让页面适配不同的分辨率，既然提出了这样的需求，那么我们就要去尽量满足。之前

1.安装flexible.js (建议放到本地) (functionflexible(window,document){vardocEl=document.documentElement;vardpr=window.devicePixelRatio||1;// 调整body 字体大小functionse思路二：通过终端判断分别调取两套资源以适配所有终端优势：可根据不同端做个性设计及个性化信息推送且可按需加载，如移动端可配合重力感应、不同手势做各种炫酷拽效果，pc页面

⊙▽⊙ VUE移动端及PC端适配方案1.确定要做哪些屏幕的适配目前主流的屏幕有window系统1920 1366 其中1920的推荐显示为125% 其宽度为1530 所以1530的兼容也要做mac系统1680 1440 1280 1024 2.和需求、ui

电脑怎么设置屏幕适配？1. 先查看自己电脑屏幕分辨率，方法：依次打开控制面板外观和个性化显示屏幕分辨率。2. 片的大小：单击图片，将鼠标放在图片图标上，就能看到尺寸。3. 双击图片pc端页面适配思路对于pc端网页的适配，笔者大体的适配方法就是在整体布局div时，尽量让width、height都使用百分比方式，而对于内部div,以及元素之间的margin、padding、width、h