<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Send Messages with Image</title> <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script> <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script> <style> body { margin: 0; padding: 0; font-family: Arial, sans-serif; display: flex; flex-direction: column; height: 100vh; background-color: #f0f0f0; /* Серый фон */ } #iframe1, #iframe2 { width: 100%; border: none; box-sizing: border-box; /* Учитываем отступы в общей высоте */ } #iframe1 { height: 80%; /* Можно изменить на нужное значение */ margin-bottom: 20px; /* Регулируемый нижний отступ для первого iframe */ } #iframe2 { height: 70%; /* Можно изменить на нужное значение */ margin-bottom: 40px; /* Регулируемый нижний отступ для второго iframe */ } </style> </head> <body> <script> vkBridge.send('VKWebAppInit'); </script> <iframe id="iframe1" src="https://diamonik7777-wa-gc-api.hf.space/up_fa" title="Iframe Example"></iframe> <iframe id="iframe2" src="https://diamonik7777-wa-gc-api.hf.space/se_mes_im_ran" title="Iframe Example"></iframe> </body> </html>