How to Embed url (html website) and Make Responsive

  • Resolved IndianaGirl

    (@arizona-girl)


    9 years, 8 months ago

    Site URL: My URL: http://tinyurl.com/ny4uhbk

    I have an html website embedded with the url in an iframe. It looks fine it normal view, and you can navigate to the links within the post, but it’s not shrinking down for responsive views. Is there anything I can add, or is there a better way to do this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • webbrewers

    (@webbrewers)

    9 years, 8 months ago

    The problem with iframes is the content responds to the rules of the source site not the site you’re displaying the iframe on. The source site has no way of knowing it’s being iframed or what size the iframe is, so without some complicated jiggery pokery, this will never work.
    The content is simple enough – why not just build it in WordPress?

    Thread Starter IndianaGirl

    (@arizona-girl)

    9 years, 8 months ago

    I’m trying to showcase my web design – these site are html and are already built. I just prefer to embed rather than creating a link.

    webbrewers

    (@webbrewers)

    9 years, 8 months ago

    The site being iframed isn’t responsive so how are you expecting it to be so when in an iframe?
    Maybe you can use a screenshot with a pop up of the actual site, but I’m pretty sure iframes aren’t what you need.

    Thread Starter IndianaGirl

    (@arizona-girl)

    9 years, 8 months ago

    Got it. Thanks.

    Thread Starter IndianaGirl

    (@arizona-girl)

    9 years, 7 months ago

    When viewed directly from the website url that I want to embed, all of the content scales down and is visible in a mobile or tablet. It just won’t do it an iframe. Is there any thing else I can use?

    webbrewers

    (@webbrewers)

    9 years, 7 months ago

    http://lukaska.com/websites/CC/ isn’t responsive. If it were, it should read the iframe width as the window width and respond accordingly (ie scale down).

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to Embed url (html website) and Make Responsive’ is closed to new replies.