html - Website in full screen iFrame not scaled properly -


i've problem full screen iframes on mobile browsers. responsive website doesn't scale when in full screen iframe. i've tried using other solutions, don't seem work.

this how looks when it's not in iframe.

https://i.stack.imgur.com/xztrv.png

however, looks when in full screen iframe. https://i.stack.imgur.com/cbe2z.jpg

on desktop iframe works fine.

this code i'm using.

<iframe src="https://something.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">  </iframe>

i have tried following, problem persists.

<div class="iframe-container">       <iframe src="https://something.com"></iframe>  </div>       <style type="text/css">  .iframe-container {    position: relative;    width: 100%;    padding-bottom: 50%;    background: lightgrey;  }    .iframe-container iframe {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    right: 0;    bottom: 0;    border: 1px solid red;  }  </style>

thanks!


Comments

Post a Comment

Popular posts from this blog

javascript - How to bind ViewModel Store to View? -

i'm pretty new ext js , trying embed multiselect inside panel . the viewmodel has stores property can see here: ext.define('test.view.controls.search.searchfiltermodel', { extend: 'ext.app.viewmodel', alias: 'viewmodel.filter', data: { title: '' }, stores: { test: { fields: [ 'id', 'name' ], proxy: { type: 'ajax', url: 'api/test', reader: 'array' }, autoload: true } } }); i bind in view this: viewmodel: { type: 'filter' }, layout: 'fit', border: 1, plain: true, scrollable: 'y', layout: 'fit', bind: { title: '{title}', }, items: { xtype: 'multiselect', scrollable: false, allowblank: true, ddreorder: true, bind: { store: '{test}' }, valuefield: 'id', displayfield: 'name' } ...
Read more

recursion - Can every recursive algorithm be improved with dynamic programming? -

i first year undergraduate csc student looking competitive programming. recursion involves defining , solving sub problems. understand, top down dynamic programming (dp) involves memoizing solutions sub problems reduce time complexity of algorithm. can top down dp used improve efficiency of every recursive algorithm overlapping sub problems? dp fail work , how can identify this? the short answer is: yes. however, there constraints. obvious 1 recursive calls must overlap. i.e. during execution of algorithm, recursive function must called multiple times same parameters. lets truncate recursion tree memoization. can use memoization reduce number of calls. however, reduction of calls comes price. need store results somewhere. next obvious constraint need have enough memory. comes not-so obvious constraint. memory access requires time. first need find result stored , maybe copy location. in cases, might faster let recursion calculate result instead of loading somewher...
Read more

python - Alternative to referencing variable before assignment -

import time # define variables username = "username" password = "password" customer_info_file_path = "c:\\users\megam\pycharmprojects\general stuff\the square pie co\customer " \ "information\{}.txt ".format(name) username_entry = input("enter username\n>>") password_entry = input("enter password\n>>") if username_entry != username or password_entry != password: print("access denied\nyou have entered username or password incorrectly. please check password , " "account name , try again.\n") else: print("access granted") choice_menu = input("\na) view list of customers\nb) add customer\nc) delete customer\nd) log out\n>>") if choice_menu == "a": customer_info = open(customer_info_file_path, 'a', ) file = open(customer_info_file_path, 'r') output = file.read() ...
Read more