locked
pagina se muestra de manera diferente en el control del webbrowser que en IE11 RRS feed

  • Question

  • Utilizando el control WebBrowser. Intento mostrar Una pagina HTML con  CSS muy simple en el WebBrowser, pero se muestra de forma diferente en el control WebBrowser que cuando se procesa directamente en el navegador. Estoy usando navegador IE11. He probado modificar los registros como FEATURE_BROWSER_EMULATION ticker.exe REW_WORD 0X00002AF8, ticker.vshost.exe REW_WORD 0X00002AF8 y FEATURE_GPU_RENDERING ticker.exe REW_WORD 0X00000001, ticker.vshost.exe REW_WORD 0X00000001 y lo hice tambien para Wow6432Node, <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> y nada segui el rendimiento diferente.


    Codigo vb.net

    Imports System.Security.Permissions

    <PermissionSet(SecurityAction.Demand, Name:="FullTrust")> _
    <System.Runtime.InteropServices.ComVisibleAttribute(True)> _
    Public Class Form1

        Private anchoPantalla As Integer = Screen.PrimaryScreen.Bounds.Width
        Private altoPantalla As Integer = Screen.PrimaryScreen.Bounds.Height

        Private Sub Form1_Load(sender As System.Object, e As System.EventArgs) Handles MyBase.Load

            WebBrowser1.ObjectForScripting = Me
            WebBrowser1.ScriptErrorsSuppressed = False
            WebBrowser1.Navigate("file:///" & Application.StartupPath & "/index.html")

            ' Me.WindowState = System.Windows.Forms.FormWindowState.Maximized


        End Sub

        Private Sub WebBrowser1_DocumentCompleted(sender As Object, e As System.Windows.Forms.WebBrowserDocumentCompletedEventArgs) Handles WebBrowser1.DocumentCompleted

            ' Configuración del form con la posición, ancho y alto
            Me.Location = New Point(0, 200)
            Me.Width = anchoPantalla
            Me.Height = altoPantalla

        End Sub

        ' Oculta el ticker al terminar de mostrar el texto
        Public Sub ocultar()

            ' Me.Hide()
            Me.Close()

        End Sub

    End Class

    Codigo HTML con CSS

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style> 

            body{
                margin: 0;
                padding: 0;
            }
            p {
                margin-left:100%;
                background: transparent;
                ;
                animation: move 10s linear infinite;
                font-size:90px;
                white-space:nowrap;
                vertical-align: middle;
            }
            div{
            
                background-color:red;
                overflow:hidden;
                height:130px;
                display:table;
                width: 100%;
            }
            
            
            @keyframes move {
                0% {transform: translate(0px,0px);}
                100% {transform: translate(-2100px,0px);}
            }
        </style>

    </head>
    <body>

        <div>
            <p>Hola Mundo</p>
        </div>
        
    </body>
    </html>


    • Moved by Bob Ding Monday, March 26, 2018 8:40 AM Wrong language
    Friday, March 23, 2018 8:23 AM