Question

我目前正在网站上，为了使其具有响应性，我在Google Chrome中对其进行了检查，然后更改了屏幕分辨率并相应地编辑了媒体查询。

例如，我面临的问题是。我为1366x768（根据检查和分辨率更改方法）编写了一个媒体查询，它可以正常工作，但是当我在分辨率为1366x768的设备上实际查看它时，它却有所不同。但是，如果我在该新设备中进行检查并使其屏幕分辨率为1366x768，则它将显示我的编辑内容。为什么会这样呢？如何对实际设备进行编辑？

Answer 1

您是否在html中添加了响应性元标记？

    #coding=utf-8
cliente=[["Carlos", "Perez Rodriguez", "123342344-D", 4, "ES6621000418401234567891", 1234, 3000, "No"], ["Ana", "Martin Perez", "19786444-E", 7, "ES6000491500051234567892", 6789, 8000, "No"], ["Maria", "Sanchez Agudo", "67893456-A", 2, "ES9420805801101234567891", 1111, 10000, "No"], ["Paco", "Sainz Sanchez", "56782341-B", 2, "ES9000246912501234567891", 9876, 2345, "No"], ["Marcos", "Calvo Rodriguez", "56783452-D", 9, "ES7100302053091234567895", 3456, 8000, "No"] ]
def clientes(): 
    respuesta=True
    while respuesta:
        print ("Ha elegido la opcion clientes, por favor, identifiquese usando DNI y PIN: ")
        dni = input("DNI: ")
        pin = int(input("PIN: "))
        if dni in (dni[2] for dni in cliente):
            if pin in (pin[5] for pin in cliente):
                for r in cliente:
                    if dni == cliente[r][3] and pin == cliente[r][6]:
                        print("*-----------------------------------------------------------------*\n")
                        print("\nNombre: "+ cliente[r][0])
                        print("\nApellidos: "+ cliente[r][1])
                        print("\nDNI: "+ cliente[r][2])
                        print("\nAntiguedad: "+ cliente[r][3])
                        print("\nCuenta IBAN: "+ cliente[r][4])
                        print("\nPIN: "+ cliente[r][5])
                        print("\nBalance: "+ cliente[r][6])
                        print("\nTiene oferta: "+ cliente[r][7])
                        print("\n*-----------------------------------------------------------------*")
        else:
            print("El cliente no está en la lista")

Answer 2

将您的网站发展为响应式网站的关键是使用“ rem”而不是px，几乎用于字体大小，填充等方面的所有内容。并更改不同媒体查询的根字体大小，这很重要更容易！

我很努力地学到了这一点，但是值得！

媒体查询对于定义的屏幕尺寸无法正常工作

2 个答案: