i set <meta http-equiv="X-UA-Compatible" content="IE=edge">
when WPF pop up the browser version worked as IE7. ( this PC has IE EDGE & 11)
is there any way to solve this while avoiding registry?
Related
My AngularJS Web application is working fine in dev environment as expected once its deployed to higher environment . While running/browsing the application in IE Edge the application by default selecting the 8 and my application is not working since IE 8 wont support AngularJS.
So tried changing the meta tag to override the compatible view setting in my code as follows
Trial 1
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Here in the place of the content I tried with all possible options like
IE=edge,11,EmulateIE11,10,EmulateIE10,9,EmulateIE9
Trial 2
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=edge" />
</customHeaders>
</httpProtocol>
</system.webServer>
I tried in all possible ways but while browsing the application by default it is selecting the IE mode 8 and application not working.
Note:
It's an intranet site with compatible settings enabled in IE. Before upgrading to IE from 10 to 11, the application was up and running correctly without any override compatibility code.
My hosted environment has compatible view settings by default so am trying to override default setting by above trials but no luck. In the Fiddler HTTP response header I can see the X-UA-Compatible edge and in view source I can see:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
FYI
https://github.com/MicrosoftEdge/MicrosoftEdgeLauncher/issues/14
I was experiencing this issue yesterday. Browsed about it for quite sometime why it was occurring. It worked good when tested with my localhost application server, but when I moved it to the server machine for intranet access, it started getting distorted in IE. I realized that whenever IE is being launched, it's launched in compatibility mode IE7 by default for all the intranet pages.
Tried with <meta http-equiv="X-UA-Compatible" content="IE=edge"> as the first meta tag and it worked for me.
I am glad to see that you got it worked out by getting the group policy settings updated.
I used Google Material Design Lite to build my website but it won't mobilize... I did everything right and it works fine on the computer even when the Browser is shrunken down to a phone or tablet size. It mobilizes the site on there when the Browser is shrunked but not phones or tablets. I really need help fixing the issues with the site not reading the phone or tablet as smaller screens. Can anyone help?
Try adding this line to your html's <head>:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
I recently launched a site I was working on and with a responsive theme, but it displays the desktop version on cellular devices. It works properly on my staging site, but after migration, the live site does not display properly.
Live Site: http://www.sterlinganalytics.com
Stage Site: http://stage.sterlinganalytics.com
I have already cleared the cache and got the same result.
Unless I missed it, I believe you are missing the responsive meta tag on the live site:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Why the extreme responsive in the pc and mobile web page is different?
I've used the following code to create responsive......
<meta name="viewport" content="width=device-width" />
in chrome resized
in iphone 5
(1) Double check you have indeed included a veiwport meta tag in the head of your document, I'm not seeing it on the link you posted
<meta name="viewport" content="width=device-width, initial-scale=1.0">
(2) I'm seeing a 404 for http://foadalijani.com/include/css/top_nav.css
(3) Use web inspector to look for elements which may be breaking your responsive layout. e.g. Looks to me that that .home_menu_top_bg has a hard coded width of 890px which will cause problems. Maybe change this to a percentage. I think there are other elements with similar issues.
Good luck!
I have created a non responsive design (intentionally) but find that is cutting off on the right on mobiles and tablets. I want the mobile sites to look identical to the desktop version. The url is http://wantherwardrobe.com/
I'm seeing your site in my iPhone and it seems that you have a «mobile theme» or something. To maintain the aspect of the site trough devices you should change this tag:
<meta name="viewport" content="width=1290">
to this:
<meta name="viewport" content="width=device-width"/>
Hope this helps