localhost和ip地址访问本地页面效果不一样；浏览器会对访问不同的url有对应各自的缩放记录

最新推荐文章于 2023-09-26 15:57:43 发布
最新推荐文章于 2023-09-26 15:57:43 发布
阅读量729 收藏
点赞数
分类专栏： ht for web深度开发学习 文章标签： ht.js ht for web canvas webgl 组态编辑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IOTOS/article/details/127086978
版权

localhost和ip地址访问本地页面效果不一样_关而的博客-CSDN博客_localhost访问本地网页

ip访问正常，但localhost访问的页面变形。

google和ie的样式也不一样，开始认为是样式问题个别浏览器不支持，结果发现是浏览器的问题，开发编写样式时会缩放网页来调整，浏览器就会记住一些缩放比例，重置了浏览器还是不行，找了半天原因，发现localhost浏览器的缩放比率不是100%，恢复之后就正常了！

对于组态编辑器也是这样，localhost的比ip的要大一些（可能是110%），localhost的设置浏览器缩放比例为100%时就一样了！（而且放大后组态编辑器有边框白线，缩放比例100%后白线就没有了）

了解本专栏 订阅专栏 解锁全文 超级会员免费看
IOTOS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
local-access:检索格式化的URL地址以进行本地和LAN访问
05-07
本地访问 检索格式化的URL地址以进行本地和LAN访问。 安装 $ npm install local-access --save-dev 用法 import localAccess from 'local-access' ; // or const localAccess = require ( 'local-access' ) ; localAccess ( ) ; //=> { local:'http://localhost:8080', network:'http://10.0.0.3:8080' } localAccess ( { https : true , port : 3000 } ) ; //=> { local:'https://localhost:3000', network:'https://10.0.0.3:3000' } localAccess ( { pat
vue项目服务器与本地样式,在IE浏览器下，vue项目上传服务器后样式与本地有差异怎么回事？...
weixin_26795617的博客
08-06 288
在一个vue项目中，ie11浏览器与360浏览器中，本地跑代码localhost:8080与在服务端ip地址上有差异，具体如下本地样式这个是正常的样式，本地跑的，ie11和360以及其他浏览器都没有问题，但是在服务端就变了如果我在服务端点击页面上任何一处地方或者是移入鼠标进入导航条区域就恢复了正常了以下是代码html首页css.router-link-exact-active{background...
localhost本地访问与用机器名或ip地址访问时页面显示不同
Inner peace
09-18 1913
问题描述: 用Extjs 4.2.1 开发的web程序在chrome中访问正常，在IE8中通过localhost本地/本机访问页面显示也正常，但是通过机器名或ip地址访问时页面有点区别，滚动条部分有点问题. 原因: IE浏览器兼容性问题。 类似问题的帖子可以参考如下页面: [url]http://stackoverflow.com/questions/4951127/odd-beha...
localhost 和ip 地址访问的html页面样式不一样_搭建一个弹幕查询页面(1)
weixin_39789101的博客
12-24 693
上一节将Angular与SpringBoot整合到了一块，整个应用的前后端大致是有了一个架子。本篇文章开始将把前端的弹幕查询页面写出来，我会新建一个工程来写前端页面，大家测试的时候可以直接在前后端搭好的架子中修改前端代码。新建工程 && 导入Angular Material没有安装Angular的同学先安装angular。npm install -g @angular/cli新建工...
localhost和ip地址访问本地页面效果不一样
m0_37455857的博客
03-17 790
ip访问正常，但localhost访问的页面变形。 google和ie的样式也不一样，开始认为是样式问题个别浏览器不支持，结果发现是浏览器的问题，开发编写样式时会缩放网页来调整，浏览器就会记住一些缩放比例，重置了浏览器还是不行，找了半天原因，发现localhost浏览器的缩放比率不是100%，恢复之后就正常了 ...
localhost、本地IP下页面渲染不同 原理解析
weixin_33825683的博客
08-30 313
一、这是localhost页面显示： 二、这是本地IP配置的页面显示 三、经过多方资料查询，有三种解释： 1、css不符合W3C标准,RFC解析不同导致。2、浏览器的兼容性问题。不同版本的浏览器或者同一浏览器的解析方式不同。3、防火墙设置问题。 四、最终解释： 经过亲自验证，我更倾向于浏览器问题。浏览器有个功能是记住缩放配置，就是说如...
解决localhost和IP访问在IE内核浏览器中访问不一致的办法
Sky.Long的博客
06-15 695
localhost访问是极速模式； ip地址访问的是兼容模式； 解决IE内核不兼容的问题，一般是在head加个meta标签 一般我们加的都是X-UA-Compatible属性下的极速模式 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 但有时也存在多种内核的浏览器，这时我们可以强制使用极速模式。 <meta name="renderer" content="webkit" /> 第一种方式不
Apache使用localhost可以访问但使用本机IP(局域网)不能访问
红豆和绿豆的博客
03-21 9393
Apache使用localhost可以访问但使用本机IP(局域网)不能访问            Apache 使用localhost(127.0.0.1)可以访问，使用本机IP(局域网)不能访问 ，为什么本机ip地址不能访问localhost，wampserver 用ip访问不了 本机ip是:192.168.1.25,输入后提示： For
【Vue3】解决电脑分辨率125%、150%及缩放导致页面变形的问题
amoureux555的博客
09-26 3480
Vue3 解决电脑分辨率125%、150%及缩放导致页面变形的问题
WIN7下网站用localhost可以访问改为ip不可访问如何解决
01-10
iis发布的网站用localhost可以访问，改成IP就无法访问如何解决？具体操作步骤为： 1、打开控制面板，找到Windows防火墙打开 2、找到高级设置打开 3、找到入站规则下的新建规则 4、跟着新建规则向导，选择端口->TCP->...
解决webpack无法通过IP地址访问localhost的问题
01-19
今天用 webpack (v1.14.0)配置本地服务，为了能在移动端预览开发效果，需要通过 IP 地址生存二维码然后手机扫描访问。却发现不能通过 ip 访问 localhost。 2、解决方案： 经多方查询，在 npm run dev 时添加参数 –...
解决以MacOS作为宿主机,Docker内已经启动tomcat,宿主机浏览器却不能访问localhost的问题
01-07
原因就在于,在docker容器内tomcat目录下真正存放在webapps目录下的文件却存放于webapps.dist。...可以看到有webapps文件夹和webapps.dist文件夹 分别查看webapps文件夹和webapps.dist文件夹 webapps:
体渲染原理及WebGL实现【Volume Rendering】
新缸中之脑
08-12 2047
体渲染（Volume Rendering）是NeRF神经场辐射AI模型的基础，与传统渲染使用三角形来显示 3D 图形不同，体渲染使用其他方法，例如体积光线投射 (Volume Ray Casting)。本文介绍体渲染的原理并提供Three.js实现代码，源代码可以从下载。推荐：用快速搭建可编程3D场景。
第五次作业函数第一题代码
05-01
第五次作业函数第一题--
基于深度学习的作物病害诊断内含数据集和运行环境说明.zip
05-01
本项目旨在利用深度学习方法实现作物病害的自动诊断。作物病害是农业生产中的重要问题，及时诊断和处理对于减少产量损失至关重要。 我们采用深度学习算法，通过分析作物的图像，实现对病害的自动识别和分类。项目使用的数据集包括公开的作物病害图像数据集，如ISIC等，并进行了预处理，包括图像增强、分割和特征提取等。 在运行环境方面，我们使用Python编程语言，基于TensorFlow、PyTorch等深度学习框架进行开发。为了提高计算效率，我们还使用了GPU加速计算。此外，我们还采用了Docker容器技术，确保实验结果的可重复性。 项目完成后，将实现对作物病害的快速、准确诊断，为农业生产提供有力支持，有助于减少产量损失。同时，项目成果也可应用于其他图像识别和分类任务。
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
05-01
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
tensorflow-2.7.2-cp37-cp37m-manylinux2010-x86-64.whl
最新发布
05-01
python烟花代码
python烟花代码示例
05-01
附件中是一个简单的烟花效果的代码示例： 在Python中，可以使用多种方式来模拟烟花效果，其中一种常用的方法是使用turtle模块，它提供了一个画布和一个小海龟，可以用来绘制各种图形。 这段代码首先导入了turtle模块和random模块，然后在屏幕上绘制了10次烟花爆炸的效果。每次爆炸都是由5个小圆组成，颜色随机选择，圆的大小也是随机的。 请注意，这段代码需要在支持turtle模块的Python环境中运行，并且需要有图形界面的支持。如果你在没有图形界面的环境中（比如某些服务器或者命令行界面），这段代码可能无法正常运行。
使用浏览器访问nginx时，使用本地localhost地址时未出现SharedArrayBuffer is not defined，使用ip就不行
06-06
这是因为浏览器在处理不同的主机名时，会有一些不同的安全策略。当您使用 localhost 或 127.0.0.1 这样的本地主机名访问 Nginx 时，浏览器会将其视为“同源”（即与您的网站具有相同的协议、主机名和端口），因此不会出现 SharedArrayBuffer 错误。 然而，当您使用 IP 地址访问 Nginx 时，浏览器会将其视为“跨域”，即不同的协议、主机名或端口，因此会出现 SharedArrayBuffer 错误。为了解决这个问题，您可以在 Nginx 的配置文件中添加以下内容： ``` add_header 'Access-Control-Allow-Origin' '*'; ``` 这个配置将允许来自任何域名的请求访问您的 Nginx 服务器。请注意，这可能会降低您的网站的安全性，因为它允许任何人访问您的资源。如果您只想允许某些域名访问您的资源，请将 * 替换为适当的域名。 添加完这个配置后，重新加载 Nginx 的配置文件并重启服务器，然后尝试使用 IP 地址访问您的网站，SharedArrayBuffer 错误应该就不会再出现了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IOTOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值