Questions tagged [viewport]
A viewport is a rectangular viewing region in computer graphics, or a term used for optical components. It has several definitions in different contexts.A viewport is a region of the screen used to display a portion of the total image to be shown. Also it can be a group of regions that together make one layout.
2,854
questions
0
votes
0
answers
10
views
Pixi-viewport not responding after app(iOS) switches state from inactive to active
I am facing an issue when my simple capacitor application switches state from inactive to active state PIXI-viewport not responding(or I would say content not rendering, stacked. It happened when I ...
0
votes
1
answer
33
views
HTML infinitly sidescrolling images move unexpected
I'm currently working on this HTML website, in which there is a container with images, which are supposed to infinitely scroll horizontaly, but with my logic they move a bit further or a bit less then ...
0
votes
0
answers
47
views
fabric.js-What's the viewport of a canvas?
I'd like to ask, if I put a canvas inside a div container, what is the viewport of the canvas? Is it the div? I don't understand what 'viewportTransform' refers to as the viewport.
<div id="...
0
votes
0
answers
21
views
Keep Element Inside Viewport
I want to show "tooltips", for dfns, positioned to the right and above each respective dfn element.
I'm using dfn[title]:hover::after with content: attr(title) to show big, custom pseudo-...
0
votes
0
answers
8
views
Viewport not showing expected objects
I'm trying to create a simple display which has:
3 Spheres, 1 at center and 2 which move according to a list of positions
I'm trying to simulate a camera attached to each moving object.
In the scene I'...
0
votes
2
answers
26
views
How to get the *rendered* width of element with javascript/jquery? All methods tried yielded only intrinsic width
I have a slider with a html like this
<div id="bilder"> | height: 70vh;
<div id="pappediv"> | height: 100%;
<div id="slider&...
0
votes
1
answer
21
views
How to have a figure to always be visible in the viewport?
Using Tailwid and daisyUI component library, I'm designing a page with two section. The left section contains text and button. The right section is a figure with caption. I want the whole <figure&...
0
votes
0
answers
30
views
Jquery when viewport is < 768 then [duplicate]
I like to add script to my code but don't know how.
My code:
$(window).scroll(function(){
if ($(this).scrollTop() > 44) {
$('body').addClass('fixed-header');
} else {
$('...
0
votes
0
answers
17
views
How to prevent virtual keyboard from moving entire page upward in react/next?
As you can see, in react/next - on Safari the virtual keyboard pushes the whole page up, which I don't want.
I've tried different meta viewport tags to no avail, ive tried setting a useEffect to ...
0
votes
1
answer
104
views
Pagespeed: problem with "initial-scale" - Does not have a <meta name="viewport"> tag with width or initial-scale
I am working on a site that has a meta viewport tag with an initial-scale value of 0.8. The full tag is here:
<meta name="viewport" content="width=device-width,initial-scale=0.8,...
0
votes
0
answers
23
views
Blurring with SubViewport in Godot
When I add a SubViewport node to a 2D scene and render a 3D scene with the SubViewport, scaling the window causes the 3D scene to become blurry:
I tried to change the project settings for display/...
-1
votes
1
answer
29
views
a white space is left when my viewport is smaller that 998px [closed]
I was trying to set up some media querys in my html and css project and all seem to work just fine, but i notice that when i shrink my screen an empty white space is left at the right side of the ...
1
vote
1
answer
54
views
Resize Image with Viewport
I have an image contained in some divs. The image initially, on a widescreen monitor, sits in the central 50% of the viewport. When the browser window is shrunk down to the size of the image I then ...
0
votes
0
answers
42
views
How to move camera in matter.js world?
I am making a RTS game in matter.js, similar to starcraft. One thing I want to implement is panning around with viewports.
I created the canvas and the world
const canvas = document.getElementById(&...
0
votes
0
answers
55
views
how to change viewPort width of big screens to 1280px in react
I am currently utilizing HTML2Canvas and jsPDF to export a PDF document. When the browser viewport width is 1280 pixels, the resulting PDF displays the UI as intended. However, I have encountered an ...