本地开发环境与生产环境布局有偏差问题

背景

本地开发布局时好好的,发现打包部署后有偏差,发现本地开发环境和生产环境获取的document.body.clientWidth值不一致
同个窗口大小,本地http://localhost:3000/#/big-screen/bighorn访问获取的是2056,生产环境获取的是1542

经过测试发现用本地ip不用localhost访问的是正确的

总结

以后本地开发用ip访问进行布局吧,以免和生产环境出现一些布局偏差
,也还不知道啥原因,哪位大佬知道原因的评论区详解下

本地开发环境与生产环境布局有偏差问题相关推荐

  1. python开发环境和运行环境的区别_Django 开发环境与生产环境的区分详解

    Django 开发环境与生产环境的设置 在常规的Django工程开发中,我们经常会遇到一类问题,即:本地开发环境跟远程服务器生产环境配置不一样.对于这些不同之处,以前的做法是直接修改生产环境中的配置. ...

  2. Java的开发环境、测试环境、生产环境、UAT环境、仿真环境

    文章目录 一.五种环境 1 开发环境(dev) 2 测试环境(test) 3 生产环境(prod) 4 UAT环境 5 仿真环境 二.测试阶段 重点了解--UT(单元测试,Unit Test) IT( ...

  3. Webpack配置区分开发环境和生产环境

    在项目开发的时候,我们通常会将程序分为开发环境和生产环境(或者叫线上环境),开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置,也就是方便我们开发人员调试开发的一种环境:生产环境通常指的是我 ...

  4. 模块加载及第三方包:Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session

    1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发 一个功能就是一个模块,多个模块可以组成 ...

  5. Django 开发环境与生产环境的区分详解

    Django 开发环境与生产环境的设置 在常规的Django工程开发中,我们经常会遇到一类问题,即:本地开发环境跟远程服务器生产环境配置不一样.对于这些不同之处,以前的做法是直接修改生产环境中的配置. ...

  6. webpack开发环境和生产环境的配置区别

    1.定义: 开发环境:开发人员调试开发的一种环境: 方便调试,保持高效的开发 生产环境:发布上线的环境: 让程序在生产环境中正常有效的运行 开发环境的需求: 模块热更新 (本地开启服务,实时更新) s ...

  7. 12、区分开发环境和生产环境

    开发环境和生产环境的构建目标差异很大.在开发环境中,我们需要强大的.具有实时重新加载或热模块替换能力和本地服务器.而在生产环境中,我们目标则转向于关注更小的包,以及资源的优化,以改善加载时间.所以我们 ...

  8. 辨析:开发环境、测试环境、准生产环境、生产环境

    对于刚接触程序猿这个行业的小猿们,刚听到这些名词是不是感觉有点高大上,但是很懵逼啊,完全分不清楚,今天就以我个人的理解来给大家辨析一下这几个名词的区别. 开发环境:开发环境顾名思义就是我们程序猿自己把 ...

  9. 测试开发工程师成长日记009 - 环境排排站:开发环境、测试环境、生产环境、UAT环境、仿真环境

    一.五种环境 项目部署环境一般可分为三种:开发环境,测试环境.生产环境,对应过程为:开发->测试->上线: 细分生成环境又分为生产环境和仿真环境,具体概念如下: 而UAT环境指的是用户接受 ...

最新文章

  1. 技术QA:如何把EXE转成MSI?
  2. session_unset()和session_destroy()的区别
  3. 关于 客户端发现响应内容类型为“text/html; charset=utf-8”,但应为“text/xml”的解决方法...
  4. Symbian编程总结-图形图像篇-打开非Bitmap类型的图像
  5. c#泛型作为返回类型的写法
  6. impacket安装 python_Impacket网络协议工具包介绍
  7. 页面缓冲滚动到指定位置
  8. 我总结的 jsonp
  9. 三、后台实战——用户登录之JWT
  10. 汽车UDS诊断之控制诊断故障码设置服务(0x85)深度剖析
  11. 安卓(android)毕业设计各种app项目
  12. 【多任务学习】多任务学习中的任务选择机制(Task Selection Policies for Multitask Learning)
  13. cannot open shared object file
  14. app做好后如何上线_手机APP开发后如何上架?
  15. java 防止超卖_实现防止超卖的几种方式
  16. 计算机两个用户怎么设置密码,电脑如何设置密码 电脑密码三个设置
  17. Open API: 电信ECP能力开放平台
  18. MAC_BOOKPRO苹果电脑系统常用快捷键大全
  19. 神经网络之极限学习机(ELM)
  20. istio-cni详解

热门文章

  1. HashMap Hashtable区别
  2. AI自动P图:maskrcnn+inpaintting消除并修复指定区域图像
  3. Python科学计算:Pandas
  4. Java多线程之优先级setPriority
  5. 聊聊高并发(二十八)解析java.util.concurrent各个组件(十) 理解ReentrantReadWriteLock可重入读-写锁
  6. Spark SQL程序操作HiveContext
  7. python使用ctypes模块下的windll.LoadLibrary报OSError: [WinError 193] % 不是有效的 Win32 应用程序...
  8. Linux下搭建SVN服务器及自动更新项目文件到web发布目录(www)
  9. Python操作Redis的5种数据类型
  10. java命令详解 java -D