La posición de la control se anula en la rango de resolución "Móvil" y/o "Tableta".: en el navegador, anular la posición y el tamaño de los controles hace que se superpongan.
¿Cuál es el problema? Anulando la posición en el "Móvil" y/o "Tableta" rango de resolución cambia el orden de los controles definidos en el "Escritorio" rango de resolución (que se usa como reference rango de resolución en el modo "Escritorio primero").
En el modo "Diseño Web con capacidad de respuesta", los controles están organizados en relación con los demás.. Este orden depende de la posición (de arriba hacia abajo y luego de izquierda a derecha) y del anclaje.. Debe ser exactamente igual en todas las rebanadas.
De hecho, la tecnología "Responsive Web Design" utiliza un único flujo HTML para todas las rebanadas, al tiempo que reposiciona los controles mediante CSS. El orden de los controles en el reference rango de resolución define el orden de los controles en el flujo de HTML.
Ejemplo: En el siguiente ejemplo, la página contiene una célula que agrupa otra célula y una Image:
El orden de los controles en el "Escritorio" rango de resolución (la referencia rango de resolución) es:
- la célula_1 que agrupa la segunda célula_2 y la Image,
- la célula CELL_2,
- la Image.
En el rango de resolución "Mobile", el tamaño y la poción de los controles se sobrescribe: la Image se coloca antes de la celda CELDA_2. El orden de los controles en el "Móvil" rango de resolución es diferente del orden de los controles en el "Escritorio" rango de resolución:
En tiempo de ejecución, hay una superposición, ya que el orden de los controles en las porciones "Desktop" y "Mobile" es diferente: la Image se desbordará sobre la célula CELL_2 y no puede "empujarla":
Tpara evitar cualquier superposición inesperada en el navegador, asegúrese de que el orden de los controles en las secciones "Móvil" y "Tableta" es el mismo que el orden de los controles en el "Escritorio" rango de resolución (referencia rango de resolución).
En nuestro ejemplo, para obtener el resultado esperado, se pueden utilizar dos controles Imagen:
- El primer control Imagen se colocará antes del control CELL_2 en el Escritorio rango de resolución (por lo tanto, será el primero en el orden de los controles en el reference rango de resolución). Será Visible en el "Móvil" rango de resolución solamente.
- El segundo control Imagen será Visible en el "Escritorio" rango de resolución solamente.
Para simplificar el posicionamiento de los controles en la hoja "Móvil" y/o "Tableta", a partir de la versión 21 Actualización 3, el editor Page genera sistemáticamente un error de compilación de la interfaz de usuario si no se respeta el orden de los controles entre las distintas hojas.