网站在移动设备上显示非常小,在调整大小的桌面浏览器上正确显示

格雷戈

我正在创建一个小网站只是为了测试我的移动 HTML/CSS 技能,但我遇到了一个奇怪的问题。在我的移动设备或 Chrome 移动设备开发工具中,所有内容看起来都非常小,但是当我将宽度调整为 400 像素或更低时,它会在我的浏览器中正确显示。我真的不确定这里出了什么问题,因为我过去使用这些尺寸(11px 字体大小等)构建了尺寸,并且它们在所有平台上都能正确显示。真的不知道是怎么回事。任何人都有任何见解?

在这里看看它:http : //gfitzpatrickportfolio.com/flights/

伊泰·加诺

在您的所有页面中添加此标签:

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

它将以正确的比例将内容适合屏幕。:)

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我的网站在移动设备上显示为桌面

来自分类Dev

背景图片在桌面浏览器上正确显示,在移动浏览器上未显示

来自分类Dev

如何在移动浏览器设备上显示桌面视图?

来自分类Dev

每个网站在所有浏览器上都显示不可信证书警告

来自分类Dev

网站在iPhone上显示为小

来自分类Dev

网站在PC中是响应式的,但在移动浏览器的一半中显示

来自分类Dev

为什么我的网站在移动版 chrome 浏览器上的外观与桌面版 chrome 的分辨率不同?

来自分类Dev

桌面浏览器显示与移动浏览器不同

来自分类Dev

Google Maps Javascript API v3地图显示在桌面浏览器上,但不会显示在移动浏览器上

来自分类Dev

Google Maps Javascript API v3地图显示在桌面浏览器上,但不会显示在移动浏览器上

来自分类Dev

在Ubuntu上,可以查看www网站在移动浏览器上是否看起来不错?

来自分类Dev

在桌面浏览器上的固定位置,在移动设备(Android,iOS ...)上的相对/静态位置

来自分类Dev

网站在移动设备上向左对齐

来自分类Dev

强制在移动设备上显示桌面

来自分类Dev

在桌面/移动设备上不显示

来自分类Dev

HTML文档无法在OSX的浏览器上正确显示

来自分类Dev

在单页网站中调整浏览器大小时会显示其余的div

来自分类Dev

某些图片未在移动浏览器中显示(但在桌面浏览器中显示)

来自分类Dev

在移动浏览器中显示隐藏的溢出,但在桌面浏览器中不显示

来自分类Dev

在移动设备上以正确的顺序显示列

来自分类Dev

在移动设备上以正确的顺序显示列

来自分类Dev

Shopify 页面在移动设备上的显示方式与桌面设备不同

来自分类Dev

元素在浏览器上移动的位置重新调整大小,无济于事

来自分类Dev

在浏览器大小上按行调整图像大小

来自分类Dev

删除小屏幕/移动设备上的输入占位符,但在将其调整为桌面大小时再次添加它们

来自分类Dev

<script>标记可在桌面浏览器上使用,但不能在移动设备(MEAN应用)上使用

来自分类Dev

地理位置代码可在桌面浏览器上运行,但不能在移动设备上运行

来自分类Dev

菜单出现在桌面浏览器的移动视图上,但不在实际移动设备上

来自分类Dev

网站在Ipad / Iphone模拟器和真实设备上的显示方式有所不同

Related 相关文章

  1. 1

    我的网站在移动设备上显示为桌面

  2. 2

    背景图片在桌面浏览器上正确显示,在移动浏览器上未显示

  3. 3

    如何在移动浏览器设备上显示桌面视图?

  4. 4

    每个网站在所有浏览器上都显示不可信证书警告

  5. 5

    网站在iPhone上显示为小

  6. 6

    网站在PC中是响应式的,但在移动浏览器的一半中显示

  7. 7

    为什么我的网站在移动版 chrome 浏览器上的外观与桌面版 chrome 的分辨率不同?

  8. 8

    桌面浏览器显示与移动浏览器不同

  9. 9

    Google Maps Javascript API v3地图显示在桌面浏览器上,但不会显示在移动浏览器上

  10. 10

    Google Maps Javascript API v3地图显示在桌面浏览器上,但不会显示在移动浏览器上

  11. 11

    在Ubuntu上,可以查看www网站在移动浏览器上是否看起来不错?

  12. 12

    在桌面浏览器上的固定位置,在移动设备(Android,iOS ...)上的相对/静态位置

  13. 13

    网站在移动设备上向左对齐

  14. 14

    强制在移动设备上显示桌面

  15. 15

    在桌面/移动设备上不显示

  16. 16

    HTML文档无法在OSX的浏览器上正确显示

  17. 17

    在单页网站中调整浏览器大小时会显示其余的div

  18. 18

    某些图片未在移动浏览器中显示(但在桌面浏览器中显示)

  19. 19

    在移动浏览器中显示隐藏的溢出,但在桌面浏览器中不显示

  20. 20

    在移动设备上以正确的顺序显示列

  21. 21

    在移动设备上以正确的顺序显示列

  22. 22

    Shopify 页面在移动设备上的显示方式与桌面设备不同

  23. 23

    元素在浏览器上移动的位置重新调整大小,无济于事

  24. 24

    在浏览器大小上按行调整图像大小

  25. 25

    删除小屏幕/移动设备上的输入占位符,但在将其调整为桌面大小时再次添加它们

  26. 26

    <script>标记可在桌面浏览器上使用,但不能在移动设备(MEAN应用)上使用

  27. 27

    地理位置代码可在桌面浏览器上运行,但不能在移动设备上运行

  28. 28

    菜单出现在桌面浏览器的移动视图上,但不在实际移动设备上

  29. 29

    网站在Ipad / Iphone模拟器和真实设备上的显示方式有所不同

热门标签

归档