"viewport" 在 CSS 上的定义是什么？
What is definition of "viewport" on CSS?
我想为我的网站做响应式设计。我对在 CSS.
中添加 @media 和 @import 感到困惑
CSS中"viewport"的定义是什么？如何衡量智能手机和 iPad 或 iPhone 的视角？
如果您使用 Chrome，您可以：
右键单击 -> 检查 -> 并切换设备模式(Ctrl+Shift+M)
或按 F12。
然后会显示宽度和高度，您也可以更改要查看的设备。
这个网站有很好的信息。 http://www.w3schools.com/css/css_rwd_mediaqueries.asp
我在书上读到，最好为移动设备设计然后再改变
如果桌面用户进入您的网站。我认为这样加载速度更快。
注意
我无法发表评论，否则我会那样做。
这是对您想知道的内容的详细解释。
The Viewport
如果您使用的是 chrome，请按照以下步骤获取任何设备的视口
按 F12 > 然后单击切换设备模式（它位于 window 的右上角，按 F12 后将出现）> 从下拉菜单 select 中选择所需的设备然后您可以获得视口的宽度和高度
Viewport is browser area visible to user or you can say window visible to user.
如果您想定位媒体查询，请完成 mydevice.io。对于手机和桌子，使用设备宽度来编写媒体查询。
但我更喜欢使用最小宽度或最大宽度来编写媒体查询。使用断点。
@import是导入css
@media 不仅可以编写响应式媒体查询，还可以编写印刷媒体查询等等
我想为我的网站做响应式设计。我对在 CSS.
中添加@media 和 @import 感到困惑
CSS中"viewport"的定义是什么？如何衡量智能手机和 iPad 或 iPhone 的视角？
如果您使用 Chrome，您可以：
右键单击 -> 检查 -> 并切换设备模式(Ctrl+Shift+M)
或按 F12。
然后会显示宽度和高度，您也可以更改要查看的设备。
这个网站有很好的信息。 http://www.w3schools.com/css/css_rwd_mediaqueries.asp
我在书上读到，最好为移动设备设计然后再改变 如果桌面用户进入您的网站。我认为这样加载速度更快。
注意
我无法发表评论，否则我会那样做。
这是对您想知道的内容的详细解释。 The Viewport
如果您使用的是 chrome，请按照以下步骤获取任何设备的视口
按 F12 > 然后单击切换设备模式（它位于 window 的右上角，按 F12 后将出现）> 从下拉菜单 select 中选择所需的设备然后您可以获得视口的宽度和高度
Viewport is browser area visible to user or you can say window visible to user.
如果您想定位媒体查询，请完成 mydevice.io。对于手机和桌子，使用设备宽度来编写媒体查询。
但我更喜欢使用最小宽度或最大宽度来编写媒体查询。使用断点。
@import是导入css
@media 不仅可以编写响应式媒体查询，还可以编写印刷媒体查询等等