html – 即使我在Chrome调试工具中更改视口,为什么网站的宽度也
我正在使用Chrome调试工具的Viewport模拟器.我发现奇怪的是,无论视口宽度如何,Chrome总是以像素为单位报告相同的宽度,并且缩放和DeviceToPixelRation(DPR)都不会更改. h1的样式设置宽度为100%,没有其他代码.我希望在视口宽度改变时宽度或DPR会改变.为什么不发生?
这是代码: <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } h1 { width: 100%; background: blue } </style> </head> <body> <h1> Some header text here </h1> 解决方法
以下是
here的引用:
这就是宽度不变的原因.浏览器只需缩小整个网页以适应屏幕.
这就是为什么它使用name =“viewport”标签调整宽度. 这似乎有效: <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> 有关更多信息,请阅读文档on viewport meta tag at MDN.:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |