1920的设计稿怎么适配pc端,最新的pc端页面适配方案

1920的设计稿怎么适配pc端,最新的pc端页面适配方案

∪▂∪ 针对PC端内容展示不全的问题，这次使用scale做适配，实现页面在不同分辨率的电脑上可以正常展示。不需要特定编写rem单位，也不需要考虑单位使用失误导致适配不完PC端设计稿尺寸1920*1080 为了设备不同分辨率的屏幕，可选择将设计稿宽度设置为1440 采用固定尺寸，固定字体，伸缩布局如果是官网类的网站，采用固定宽度(如最大宽度1200)居中显示，管

＞＾＜ PC端网页尺寸设计一PC端⽹页尺⼨设计⼀ 最近要写UI设计规范，先研究⼀下⽹页设计⾥的尺⼨问题。⼀、分辨率⽹页设计的尺⼨主要和两个因素有关，⼀个是电脑显⽰器的分辨率，可以使用bootstrap框架，以及一些其他的响应式框架。自适应最关键就在于几个常见的媒体查询

PC端适配设计图是1920*1080的但是其他电脑可能是1366、1400之类的，这时候写宽高就不能写死了，所以采用rem。changeREM(); window.onresize=function() { chaPC实现适配也是用了rem这个css3属性，rem相对于根元素(即html元素)font-size计算值的倍数。这里以PC常见的分辨率1920px和1366px(14寸笔记本)为例说明。为了更好

pc端的适配需求：⽬前我们pc项⽬的设计稿尺⼨是宽度1920，⾼度最⼩是1080。适配⽬标：1.在不同分辨率的电脑上，⽹页可以正常显⽰ 2.放⼤或者缩⼩屏幕，⽹页可以正常显⽰ 对于这个问题还需要问我可能怀疑你的职业问题了，作为pc端来讲展示官网一般做1920，其中版心位置可能在1180-

设计想1920*1080的设计图，在不同分辨率的电脑下都要达到和设计图相同比例，而且浏览器放大缩小也要适配，并且还要一屏显示完整页的内容。相当于1920*1080的设计图，是按一屏显示包含知识点：移动端页面设计规范；移动端切图；流式布局(100%布局); 等比缩放布局(rem布局);响应式布局；淘宝移动端页面适配方案……学习视频教程：Web 前端基础全套教程配套学习资料：Web 前端