html - 如何为 1080x1920 移动设备和显示器调整网站大小?

标签 html css

因此,我尝试使用针对显示器和移动设备的 @media 查询在 css 中调整我的网页大小。但是,我的手机是 1080x1920,我的显示器也是。所以当我使用媒体查询时,我的手机继承了我显示器的 css。

如何区分这两者?

谢谢。

最佳答案

听起来好像您的手机正在缩小以显示整个网站。

页面上有“响应式元标记”吗?这应该放在 <head></head> 中你的页面。

<meta name="viewport" content="width=device-width">

它告诉浏览器将媒体查询像素与您设备的实际宽度相匹配,而不是像素数。

关于html - 如何为 1080x1920 移动设备和显示器调整网站大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47653660/

相关文章:

html - 将 div 元素聚集在一起并使其响应

html - 我应该使用 或 padding 来分隔水平列表项吗

php - Font Awesome 图标未显示在蛋糕 php 中

html - 页脚下方神秘的白色间隙

javascript - anchor 标记 href 未与 div id 链接

javascript - 使用 id 和名称在滚动时更改事件 anchor 标记

javascript - 如何向前而不是向后添加文本

html - 为外部链接实现标签

javascript - 如何上传之前存储在LocalStorage中的图片?

html - 在一行中实现显示卡