Question

我正在创建一个小网站，只是为了测试我的移动HTML / CSS技能，而且我遇到了一个奇怪的问题。在我的移动设备或Chrome移动设备开发工具中，一切看起来都很小，但在我将浏览器的宽度调整到400px或更低时，我的浏览器会正常显示。我真的不确定这里出了什么问题，因为我过去使用这些尺寸建立了尺寸（11px字体大小等），并且它们在所有平台上都能正常显示。真的不确定是什么。有人有任何见解吗？

请在此处查看：http://gfitzpatrickportfolio.com/flights/

Answer 1

在您的所有网页中添加此标记：

apiVersion: v1
kind: Pod
metadata:
  name: postgres
  labels:
    name: postgres
spec:
  containers:
    - name: postgres
      image: registry.ng.bluemix.net/eliza/postgres:9.5
      env:
        - name: POSTGRES_PASSWORD
          value: MYPASSWORD
      ports:
        - containerPort: 5432
      volumeMounts:
        - name: pg-data
          mountPath: /var/lib/postgresql/data
        - name: tz-config
          mountPath: /etc/localtime
  volumes:
  - name: pg-data
    #emptyDir: {}
    hostPath:
      path: "/opt/tripbruPostgres"
  - name: tz-config
    hostPath:
      path: /usr/share/zoneinfo/Europe/Madrid

它会以正确的比例将内容适合屏幕。：）

Answer 2

使用Viewport Metatag使整个内容适合移动设备。

Name.StatusColor

网站在移动设备上显示极小，适合在调整大小的桌面浏览器上

2 个答案: