iframe in a wordpress, placeholders don't show in IE, BUT they show just fine if you load the iframe directly in IE
http://uslegalsupport.com/contact-us-new/ this is the link with the iframe on the page:
here's the link of JUST the iframe:
https://www.uslegalsupport.com/wp-content/themes/us-legal/ifpage-contact-us.php
this is literally driving me insane...plz help!
Try forcing the latest rendering engine with IE=edge in both the frame and its parent.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Related
I'm setting up a website www.bytework.dk.
I've added the viewport meta tag, which usually always works fine for me, so the site looks right on smartphones. But for some reason, this site ignores it completely and the site is zoomed out to full size on mobile.
I've checked all the javascript code, I've checked the CSS. I have no idea why the hell it has no function?
Whatever settings I try with the viewport meta tag it has absolutely no effect on the appearance of the page on a smartphone???
This is the code I'm using:
<meta name="viewport" content="width=device-width, initial-scale=1">
EDIT: Seems the problem is related to some dns settings on the domain provider I'm using and the shitty solution they made.
try to open it in an incognito window (if you're using Google Chrome) and see if that's still happening or clean up your cache, restart your browser and try again.
I have a site create in bootstrap responsive layout, for some reason, i need to stored data at different server
on my original server I create a page with iframe width:100% height:100% to cover whole page.
My problem is the page doesn't display mobile phone's layout inside of iframe
anyone know how to solve this problem?
Try using this meta tag inside the head area of your iFrame page:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
I need to make one specific page on my site respond to screen sizes with the viewport meta tag. The viewport meta tag is generated by a php file in the back end.
Currently my viewport tag looks like this:
<meta name="viewport" id="viewport" content="width=1040"/>
I'm using this jQuery to edit the tag:
jQuery(document).ready(function(){
jQuery('meta[name="viewport"]').attr('content', 'width=device-width, initial-scale=1.0');
});
In hopes the viewport tag will turn out like this:
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>
I don't identify a page in the jQuery because I have a plugin that lets me run scripts on individual pages. To be more specific, my CMS is Wordpress, my themes are Genesis and the Genesis Sandbox, I'm using an SEO by Yoast plugin, as well as Gravity Forms. How would I go about changing the viewport meta to my desired code?
Try this ... simple, but reasonable solution for sites that are heavily coded.
1. If you are using "meta viewport" tag in "head" then, below script will work.
jQuery(document).ready(function(){
jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})
2. If "meta viewport" tag in "head" is not present then, use the following script.
jQuery(document).ready(function(){
jQuery("head").append('<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>');
jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})
Note: Be sure that you are using "jQuery library version 1.6+" in your webpage.
According to me.. It will definitely work. :)
I am trying to make a website display as a full website whenever it is accessed by an iPhone (or any other phone, hopefully, but iPhone is the spec).
I do not want the page to try to be responsive at all. I want it to look just like the large-screen website, and be useless.
I am using the Genesis theme in Wordpress, but I am open to regular old JavaScript solutions.
The theme sets the viewport to device-width. On an iPhone, that would be 320.
<meta name="viewport" content="width=device-width, initial-scale=1">
You'll want change the meta tag to the width of a full web site, for example, 1200...
<meta name="viewport" content="width=1200, initial-scale=1">
It should then render as if the window were 1200 wide.
Docs: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
use a UIWebView and set the frame like self.view.bounds then it will set the frame to the entire page based on device you used..
I have today updated to jQuery Mobile Beta 1 and now in my mobile (Android) and even some iPhone i tested on the page is shows like in my desktop browser = need to zoom to read stuff.
I can not find that they changed anything about how it works with that?
Its worked fine in latest alpha before i updated.
jQuery Mobile is not inserting the meta viewport tags by default anymore. you have to insert it yourself.
See: Dynamic injected viewport meta tag: Support dropped in the release notes
As a follow-up the meta tag that needs to be inserted is:
<meta name="viewport" content="width=device-width, initial-scale=1">