首页技术博客 PHP教程数据库技术前端开发 HTML5 Nginx php论坛

新用户注册 | 会员登录

热门标签 | HotTags

当前位置: 开发笔记 > 编程语言 > 正文

设计响应式布局，谷歌浏览器出现异常

作者：tengpou_260475 | 来源：互联网 | 2023-05-17 12:20

我做了一个响应式布局的页面，头部写了<metanameviewportcontentwidthdevice-width,initial-scale1,,initial-s

我做了一个响应式布局的页面，头部写了

然后就是样式，

媒体查询部分

@media screen and (max-width:1199px){ }

当屏幕小余1199像素的时候显示的是另外一种样式，我用谷歌浏览器F12手机样式调试的时候把浏览器的尺寸拉大，到1200的时候显示是正常的，但是不用调试，直接用谷歌浏览器浏览显示的都是小于1199的样式，而在火狐上面显示的是正常的，这是什么原因呢？

大神帮帮忙

11 个解决方案

#1

当直接用谷歌浏览器浏览，显示的是小余1199的样式，但是我用alert(window.screen.width);去显示屏幕的宽度，出现的是1600，这个该怎么办

#2

找找是不是标签默认边距等导致的不一致?

#3

引用 2 楼 wyqlxy 的回复:

找找是不是标签默认边距等导致的不一致?

我重新下了一个谷歌浏览器就好了，这肯定是谷歌浏览器的版本问题，可是问题来了，该怎么做兼容？

#4

楼主是多老旧的谷歌版本啊，，，居然还不兼容。。。还是你自行设置了什么影响了。。。
上网找找看有没有H5的支持插件（不过隐约记得插件只是用在IE上的）。。。。

#5

引用 4 楼 gy127132060 的回复:

楼主是多老旧的谷歌版本啊，，，居然还不兼容。。。还是你自行设置了什么影响了。。。
上网找找看有没有H5的支持插件（不过隐约记得插件只是用在IE上的）。。。。

我之前的谷歌版本是43的，很老吗？我之前测试的时候里面什么边距啥的都没写

#6

引用 5 楼 sunmeng0109 的回复:

Quote: 引用 4 楼 gy127132060 的回复:

楼主是多老旧的谷歌版本啊，，，居然还不兼容。。。还是你自行设置了什么影响了。。。
上网找找看有没有H5的支持插件（不过隐约记得插件只是用在IE上的）。。。。

我之前的谷歌版本是43的，很老吗？我之前测试的时候里面什么边距啥的都没写

43很新了，，我的才40。。。43不该有那样的问题，，，楼主在大于1199的时候是怎么处理的css？？？是不是写法上有问题。。。。

#7

香蕉猪，那你帮我看下，你的浏览器能不能行

我就写了这些测试的

#8

响应挺好的。。。

#9

所有模式下都很正常。。。

#10

应该还是楼主的浏览器配置被你改掉了。。。。

#11

引用 10 楼 gy127132060 的回复:

应该还是楼主的浏览器配置被你改掉了。。。。

嗯嗯，可能吧，我也不纠结这个问题了，很感谢你的回答，以后有什么问题还请大神多多帮忙啊

推荐阅读

jsp
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
jsp
HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]

蜡笔小新 2023-12-14 15:08:18
import
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
jsp
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
go
拥抱Android Design Support Library新变化（导航视图、悬浮ActionBar）

转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一，为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]

蜡笔小新 2023-12-13 16:11:00
jsp
ABAP开发发送邮件程序的配置和代码整理

本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]

蜡笔小新 2023-12-13 15:50:17
version
自动轮播，反转播放的ViewPagerAdapter的使用方法和效果展示

本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter，并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]

蜡笔小新 2023-12-13 14:41:31
jsp
猜字母游戏

猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]

蜡笔小新 2023-12-13 12:04:03
object
ASP.NET2.0数据教程之十四：使用FormView的模板

本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观，与GridView和DetailsView不同，FormView使用模板来呈现，可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ... [详细]

蜡笔小新 2023-12-13 08:07:00
import
Android开发实现的计时器功能示例

本文分享了Android开发实现的计时器功能示例，包括效果图、布局和按钮的使用。通过使用Chronometer控件，可以实现计时器功能。该示例适用于Android平台，供开发者参考。 ... [详细]

蜡笔小新 2023-12-12 22:51:19
format
Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现

本文介绍了使用Go语言的GUI库lxn/walk实现菜单栏和工具栏的具体方法，包括消息窗口的产生、文件放置动作响应和提示框的应用。部分代码来自上一篇博客和lxn/walk官方示例。文章提供了学习GUI开发的实际案例和代码示例。 ... [详细]

蜡笔小新 2023-12-12 20:56:55
object
WPF开发心率检测大数据曲线图的高性能实现方法

本文介绍了在WPF开发中实现心率检测大数据曲线图的高性能方法。作者尝试过使用Canvas和第三方开源库，但性能和功能都不理想。最终作者选择使用DrawingVisual对象，并结合局部显示的方式实现了自己想要的效果。文章详细介绍了实现思路和具体代码，对于不熟悉DrawingVisual的读者可以去微软官网了解更多细节。 ... [详细]

蜡笔小新 2023-12-11 16:57:23
format
MFC动态创建窗口的实现方法及注意事项

本文介绍了在MFC下利用C++和MFC的特性动态创建窗口的方法，包括继承现有的MFC类并加以改造、插入工具栏和状态栏对象的声明等。同时还提到了窗口销毁的处理方法。本文详细介绍了实现方法并给出了相关注意事项。 ... [详细]

蜡笔小新 2023-12-11 15:09:27
import
基于dlib的人脸68特征点提取(眨眼张嘴检测)python版本

文章目录引言开发环境和库流程设计张嘴和闭眼的检测引言(1)利用Dlib官方训练好的模型“shape_predictor_68_face_landmarks.dat”进行68个点标定 ... [详细]

蜡笔小新 2023-12-12 13:27:42
format
解决github访问慢的问题的方法集锦

本文总结了国内用户在访问github网站时可能遇到的加载慢的问题，并提供了解决方法，其中包括修改hosts文件来加速访问。 ... [详细]

蜡笔小新 2023-12-11 20:38:46

tengpou_260475

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章

PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |

京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区版权所有