它已经被问到了问题,但我仍然怀疑。我使用html,css和java脚本制作了一个网页。使用<meta name="viewport" content="width=device-width">
时,与不使用时相同。因此,我的问题是何时使用<meta name="viewport" content="width=device-width">
的正确时间。
而且请不要对我开火。我真的需要帮助。
答案 0 :(得分:1)
仅当您的网站设计为对不同大小的视口具有响应能力时,才应使用响应元标记。
<meta> viewport
元素向浏览器提供有关如何控制页面尺寸和缩放比例的说明。
content="width=device-width"
设置页面的宽度以跟随设备或视口的屏幕宽度,视设备而定。因此,这基本上意味着浏览器将(可能)以其自身屏幕的宽度呈现页面的宽度。 (因此,如果该屏幕为320px宽,则浏览器窗口将为320px宽,而不是缩小并显示960px或默认情况下该设备执行的操作。)
希望这会有所帮助:)
这是很棒的资源: https://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design http://bradfrost.com/blog/post/mobile-first-responsive-web-design/
如果您想了解更多有关资源的信息,请参见此处:
https://bradfrost.github.io/this-is-responsive/resources.html
答案 1 :(得分:0)
一些运动图片来说明基本的元视口。
如一条评论所述,CSS像素和屏幕尺寸之间存在一些差异。 CSS像素比率(或Retina / HD屏幕/任何行销领域会称呼它)可以帮助您计算元素的可用宽度。