localhost和ip地址访问本地页面效果不一样

解决localhost页面变形：浏览器缩放比例的幕后疑团
最新推荐文章于 2024-08-28 21:21:01 发布
原创 最新推荐文章于 2024-08-28 21:21:01 发布 · 1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

本文讲述了开发者在遇到localhost页面在不同浏览器中显示不一致的问题时，发现是由于浏览器记住了非100%的缩放比例。通过调整并重置缩放，解决了页面变形问题。

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

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

根据IP的地址，区分不同的地区，查看不同的网站页面的js代码
10-27
在朋友的帮助下，找到一个比较方便的方法，就是把以下代码，加入我们自己需要跳转的页面里，这样做还是不错的呢
本地部署基于LLM的MaxKB问答知识库系统并实现无公网IP远程访问——“cpolar内网穿透”
weixin_74957752的博客
07-25 1711
本地部署基于LLM的MaxKB问答知识库系统并实现无公网IP远程访问——“cpolar内网穿透”
localhost可以运行项目，但换成ip地址就进不去
houshufen
07-24 3181
今天在做项目的过程中遇到了这样一个问题：就是我自己写好的一个vue项目，希望其他人可以通过ip地址去访问，所以当我把ip:端口号/路由写好后在浏览器进行访问，发现访问不了，然而把ip地址改成localhost就可以了。 解决办法： 只需要找到config文件夹下的index.js文件里的module.exports下的dev,把host:localhost改成host:‘0.0.0.0’，然后重新...
localhost 和ip 地址访问的html页面样式不一样_搭建一个弹幕查询页面(1)
weixin_39789101的博客
12-24 821
上一节将Angular与SpringBoot整合到了一块，整个应用的前后端大致是有了一个架子。本篇文章开始将把前端的弹幕查询页面写出来，我会新建一个工程来写前端页面，大家测试的时候可以直接在前后端搭好的架子中修改前端代码。新建工程 && 导入Angular Material没有安装Angular的同学先安装angular。npm install -g @angular/cli新建工...
通过IP和localhost访问某页面为什么表现不一致？
xiaoliang_1991的专栏
11-13 6180
请教：通过IP和localhost访问某页面为什么表现不一致？ 博客分类： J2EE Tomcat 请教：用Tomcat做服务器，为什么通过127.0.0.1和localhost访问某个页面时，效果不一样呢？  分享到：      屏蔽Form表单自动提交功能|      利用native2ascii批量转换文件的编码方式 2010-04-
localhost和ip访问的页面不一样
weixin_30556959的博客
06-29 1305
最近在做双语国际化，遇到了一个问题，将localhost 换成ip访问的时候页面是不一样的 原因是cookie信息不同。访问的其实不是同一个页面，加了一个参数或者修改cookie信息 即可 转载于:https://www.cnblogs.com/lyxverycool/articles/7094696.html...
解决 VUE： 本地运行和服务器上运行样式不一致，run、build 运行时样式有出入
热门推荐
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-29 1万+
1. 我的情况： 我遇到 2 种情况，一个是表格的分页样式有变化。另一个是导航菜单样式有变化。 2. 解决： 方法一： 对于第1个问题我只是单纯在那个组件样式文化中加了 scoped 。 对于我的第2 个问题，用第一种方法不成功。 方法二： 于是，F12看到原本的样式上都有一条黑色的线，如下： 查后得知，这是样式被覆盖了。再找不带黑线的同名的样式就知道是哪个样式覆盖了原本...
内网穿透的应用-如何使用hugo搭建个人博客并实现无公网IP远程访问本地网站
微学AI的博客
08-05 965
今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站，并结合cpolar内网穿透工具实现一键发布本地站点至公网，随时随地远程访问，无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器，速度快，易用，可配置。作为一款跨平台开源建站系统，当前提供 Windows，Linux，FreeBSD，NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件，元数据字体。
AI音乐生成工具MusicGPT本地部署并实现无公网IP远程访问使用
最新发布
ks_wyf的博客
08-28 1141
AI音乐生成工具MusicGPT本地部署并实现无公网IP远程访问使用
使用域名访问本地项目和nginx反向代理
白夜行悟空
06-29 3333
1.使用域名访问本地项目 1.1.统一环境 我们现在访问页面使用的是：http://localhost:9001 有没有什么问题？ 实际开发中，会有不同的环境： 开发环境：自己的电脑 测试环境：提供给测试人员使用的环境 预发布环境：数据是和生成环境的数据一致，运行最新的项目代码进去测试 生产环境：项目最终发布上线的环境 如果不同环境使用不同的ip去访问，可能会出现一些问题。为了保证所有环境的一致，我们会在各种环境下都使用域名来访问。 我们将使用以下域名： 主域名是：www.leyou.com， 管理系
【python】本地部署Jupyter笔记结合内网穿透配置公网地址实现远程访问
“路漫漫其修远兮，吾将上下求索。”
07-25 1345
在数据分析工作中，使用最多的无疑就是各种函数、图表、代码和说明文档，这些复杂的内容不仅让使用的人头晕脑胀，也让普通的聊天工具一脸蒙圈。沟通工具不给力，就没法协同办公，可数据分析又离不开多人配合，所以Jupyter Notebook就成为大部分数据工作人员的必备工具。正如之前所说，Jupyter Notebook很适应复杂内容的沟通，因此现在也在机器学习、深度学习和教育工作中获得广泛应用。但Jupyter Notebook也有缺陷，就是被局限在局域网范围。
如何使用jQuery实现根据不同IP显示不同的内容
weixin_30639719的博客
07-10 173
一些SEM的投放页会针对不同地域做针对性的内容推广，下面我把实现方法分享出来。 一、引用新浪提供的IP查询的js库 <script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" type="text/ecmascript"></script> 二、在网页中添加一下j...
vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问
qq_26505167的博客
05-06 1183
我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人家的方法---都试了好多，发现没效（有点怀疑人生，怀疑是不是我电脑的问题），但是结果就在这，ip就是不可以访问！！！！ 本着一个程序员的本能--不...
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 6277
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法
千里之行，始于足下！
01-08 5792
问题描述： 本机的vue项目通过npm run dev 或者npm run serve的方式启动后，在浏览器可以通过输入localhost：8080就可以访问 但当在本机或者其他电脑的浏览器中输入本机的ip地址+端口，即：192.168.212.82:8080,不能访问成功 解决方法： 1、解决方法一： 找到项目的配置文件：/config/index.js，修改index.js文件中的host值，...
解决localhost和IP访问在IE内核浏览器中访问不一致的办法
慢慢爬
06-15 1134
localhost访问是极速模式； ip地址访问的是兼容模式； 解决IE内核不兼容的问题，一般是在head加个meta标签 一般我们加的都是X-UA-Compatible属性下的极速模式 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 但有时也存在多种内核的浏览器，这时我们可以强制使用极速模式。 <meta name="renderer" content="webkit" /> 第一种方式不
Vue - 同时使用 ip、localhost访问项目
iotjin的专栏
03-10 1715
Vue - 同时使用 ip、localhost访问项目
chrome只支持https\ 127.0.0.1\localhost三种地址方式调用摄像头，http方式不支持直接调用
felice_zhao的博客
01-02 4429
chrome无法拉起摄像头
JSP页面访问方式与Tomcat Web服务目录配置详解
1. **根目录访问**：Tomcat服务器默认的Web服务目录为`webapps/ROOT`，将JSP文件放置在该目录下后，可以通过`http://IP地址:端口号/文件名.jsp`的方式访问。例如，若Tomcat运行在本地，JSP文件名为`example2_1.jsp`...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值