媒体查询仅定位到移动设备

乔·拉古

我想进行媒体查询以仅针对我的手机。我将使用哪些断点?

例如,我的身体最大宽度为800px,边距为2px。当窗口小于800px(移动设备?)时,我希望其上的边距为0px(在我的浏览器上有效)。原来我的手机屏幕是高分辨率的,因此显示器的宽度永远不会低于800像素!

这是因为像素比率吗?

我该怎么办?

乔·拉古

找到了解决方案:https : //stackoverflow.com/a/18500871/5906166

您需要在标头中添加以下内容:

<meta name="viewport" content="width=device-width, initial-scale=1">

说明

幸运的是,您可以在<head>文档部分中指定视口元标记,以控制浏览器视口的宽度和缩放比例。如果此标签的内容值为width = device-width,则屏幕的宽度将与设备无关的像素匹配,并确保所有不同的设备均应缩放并始终如一地运行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

媒体查询仅定位到移动设备

来自分类Dev

如何使用 css 媒体查询仅在移动设备上定位谷歌浏览器

来自分类Dev

移动设备的CSS媒体查询不起作用

来自分类Dev

媒体查询响应表设计不响应移动设备

来自分类Dev

通过媒体查询在移动设备上显示恒定的页脚

来自分类Dev

媒体查询无法在移动设备上正常运行

来自分类Dev

如何设置媒体查询并使它们在移动设备上运行

来自分类Dev

JS仅定位到移动设备

来自分类Dev

最好仅对移动设备和台式机使用媒体查询,或者对媒体查询没有任何定义?

来自分类Dev

使用CSS媒体查询定位Chromecast

来自分类Dev

媒体查询图片定位问题

来自分类Dev

CSS3-仅添加smarthphone横向定位的媒体查询

来自分类Dev

媒体查询-屏幕高度/设备

来自分类Dev

对特定设备的媒体查询是什么?

来自分类Dev

在媒体查询中使用设备宽度

来自分类Dev

使用媒体查询仅在移动设备上包括JS文件

来自分类Dev

CSS媒体查询,像素密度,台式机和移动设备

来自分类Dev

CSS媒体查询,一个或多个用于移动设备优化

来自分类Dev

媒体查询适用于Chrome,但不适用于移动设备

来自分类Dev

媒体查询,移动设备上的浏览器宽度问题

来自分类Dev

媒体查询以狭窄的台式机而非移动设备为目标

来自分类Dev

CSS媒体查询,一个或多个用于移动设备优化

来自分类Dev

媒体查询不适用于浏览器或移动设备

来自分类Dev

Bootstrap 3媒体查询可在Chrome上运行,但不能在移动设备上运行

来自分类Dev

横向模式下的移动媒体查询?

来自分类Dev

媒体查询,图片不会移动

来自分类Dev

jQuery移动面板和媒体查询

来自分类Dev

Safari和移动媒体查询

来自分类Dev

如何在媒体查询(iPhone)中将视频定位到中心?

Related 相关文章

  1. 1

    媒体查询仅定位到移动设备

  2. 2

    如何使用 css 媒体查询仅在移动设备上定位谷歌浏览器

  3. 3

    移动设备的CSS媒体查询不起作用

  4. 4

    媒体查询响应表设计不响应移动设备

  5. 5

    通过媒体查询在移动设备上显示恒定的页脚

  6. 6

    媒体查询无法在移动设备上正常运行

  7. 7

    如何设置媒体查询并使它们在移动设备上运行

  8. 8

    JS仅定位到移动设备

  9. 9

    最好仅对移动设备和台式机使用媒体查询,或者对媒体查询没有任何定义?

  10. 10

    使用CSS媒体查询定位Chromecast

  11. 11

    媒体查询图片定位问题

  12. 12

    CSS3-仅添加smarthphone横向定位的媒体查询

  13. 13

    媒体查询-屏幕高度/设备

  14. 14

    对特定设备的媒体查询是什么?

  15. 15

    在媒体查询中使用设备宽度

  16. 16

    使用媒体查询仅在移动设备上包括JS文件

  17. 17

    CSS媒体查询,像素密度,台式机和移动设备

  18. 18

    CSS媒体查询,一个或多个用于移动设备优化

  19. 19

    媒体查询适用于Chrome,但不适用于移动设备

  20. 20

    媒体查询,移动设备上的浏览器宽度问题

  21. 21

    媒体查询以狭窄的台式机而非移动设备为目标

  22. 22

    CSS媒体查询,一个或多个用于移动设备优化

  23. 23

    媒体查询不适用于浏览器或移动设备

  24. 24

    Bootstrap 3媒体查询可在Chrome上运行,但不能在移动设备上运行

  25. 25

    横向模式下的移动媒体查询?

  26. 26

    媒体查询,图片不会移动

  27. 27

    jQuery移动面板和媒体查询

  28. 28

    Safari和移动媒体查询

  29. 29

    如何在媒体查询(iPhone)中将视频定位到中心?

热门标签

归档