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 ...
0
votes
1answer
11 views
Non-power of two textures using Cubemaps in OpenGL
i'm trying to build something but I think that it is not feasible.
It is possible attach non-power of two images using a cubemap in OpenGL? I'm working with:
for(int k = 0; k < 6; k++){
...
0
votes
0answers
7 views
mobile view port error on chrome browser
i making hybrid app only for android, and designer gave me 480px(minimum size) layout.
i declared meta view port like this...
<meta name="viewport" content="width=device-width, initial-scale=1.0, ...
0
votes
1answer
16 views
Viewport Settings For Responsive Design
Okay,
So I am designing a site which needs to be responsive.
The design is nailed down and I have just been doing some testing.
In order to get my media queries for mobile devices to work, think ...
0
votes
1answer
12 views
Viewport meta tag remove bug
My web page has no «meta» viewport tag absolutely.
I have created my own «meta» viewport tag dynamically:
var viewportMeta = document.createElement('meta');
viewportMeta.setAttribute('id', ...
0
votes
0answers
18 views
issue with ipad horizontal view, the website is not working as per the meta viewport defined
I have used a complete liquid flow model in deigning the webpage so that zooming in or out should have no effect on the website, please check http://members.webtitude.in/project/janandozan/
i need ...
1
vote
1answer
25 views
Xna Sprite Positions and Viewport
I´m new to XNA and playing around with the spritebatch. There is a problem I can't fix inside of my head.
I have a Class called Sprite. This sprite got a Vector2 which stores the position of the ...
0
votes
1answer
22 views
Is there a viewport screen mode config that fits every size phone?
I've used a combination of viewport screen modes, but they tend not to work when tested across phones and platforms.
An example of the code I've been using to have a 480px wide html document as ...
0
votes
1answer
28 views
Webpage not sized to viewport on load on mobile device
Can anyone tell me why this page wont resize the width to the viewport of an iPhone on load?
...
0
votes
0answers
26 views
Viewport - automatic iPad/iPhone detection and if portrait or landscape
I have the idea of combining a function which is detecting weather you visit a side with iPad or iPhone:
<?php $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
if ( $isiPad ) { ...
0
votes
1answer
34 views
jquery load html when element is in viewpoint
Currently unable to get my code working using jquery.viewpoint.
$(window).bind("scroll", function(event) {
$('.port_holder:in-viewport').each(function(){
var loaded=$(this).data('loaded');
...
1
vote
1answer
9 views
Does viewport filtering affect the file size of the webpage downloaded?
We have been having a discussion about how web page responsiveness is quite effective in eliminating the need to do a mobile version of a website but we are wondering; yes the other elements viewed on ...
0
votes
0answers
20 views
Resetting scale after zooming on iPad/iPhone
In my app I enable and disable zoom for certain sections
I enable zoom with
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="user-scalable=yes, ...
1
vote
1answer
48 views
jQuery elements (images and divs) are not resizing, when browser windows is resized
I am facing a small problem when the browser window is resized. I am able to get the viewport's width and height and I can set the image size as per the browser window. However when I resize the ...
0
votes
0answers
8 views
High resolution picture outside of viewport view on Blend 2012
I am trying to add a textbox on top of a picture in Blend 2012. The picture has a much higher resolution than the viewport (tablet view). I can scroll down but I can only see the outline of the ...
0
votes
2answers
56 views
Mobile site too wide, viewport tag doesn't work
There's a desktop version of the site and I'm making its mobile version by editing the same CSS files.
I hide many wide/unnecessary elements with display: none; and I made sure I'm using percentage ...
0
votes
1answer
37 views
CSS issue in Chrome for Android
I'm developing a very basic responsive website.
While it works perfectly on the Responsinator and Firefox for Android, some of the media queries and CSS properties don't seem to be taken into account ...
1
vote
0answers
33 views
Script For Assigning Viewport Meta Parameters, iPhone / iPad Conundrum
I am using a JavaScript snippet to set the content parameters of the viewport meta tag, based on the width of the browser window. The script does almost what it should: it sets the initial scale value ...
0
votes
1answer
29 views
Viewport is not working for using page width of 1170px for mobile devices, how to fix?
I used below things but not working, my page width is 1170px and its not fit it into the mobile devices. Am new in this site any one can help me out? thanks in advance.
<meta name="viewport" ...
1
vote
1answer
45 views
Set Viewport Meta Parameters Based on the Width of Browser Window
I want to set different parameters for viewport meta tag, depending on the current browser window, and to be able to change them on resize (removing the current viewport meta tag(s) first and then ...
0
votes
1answer
20 views
WebWorks Viewport Width Issues
On the Blackberry Bold 9900 running 7.1 Bundle 998 (v7.1.0.284, Platform 5.1.0.230) I am having a strange viewport related issue.
I am non-deterministically seeing screen.width alternate between ...
0
votes
0answers
49 views
Is there a way to emulate HTML/CSS zoom properties in Windows Phone 8 WebBrowser?
I want to display a website in a Windows Phone 8 WebBrowser view and fix the viewport zoom to display content in the logical screen resolution, e. g. a 300 CSS pixels wide element should take 300 ...
0
votes
0answers
12 views
iOS/safari different widths on pages with the same css
I have a site built with joomla CMS, everything looks fine in most browsers except for safari on ios (mobile) units. The problem is that the pages get zoomed so a bit of the menu dissappears, this ...
0
votes
0answers
19 views
Viewport Android, fixed but need to add the new version aswell?
Here is the code getting my Viewport to work on android devices....and works great but no recent Android 4.2 etc
<script type="text/javascript">
function viewport_to_device_width() {
...
1
vote
4answers
57 views
Viewport height and .css()
What I'm trying to achieve is to get the browser's viewport height and add it to several classes of my css. So far I have this:
Get viewport height:
var width = $(window).width();
var height = ...
0
votes
1answer
24 views
Does the Bootstraperization of my site obviate the viewport declaration?
I Bootstraperized my asp.net Razor 2 website by implementing what Dan recommended here: Where should I bootstraperize my web site?
In my _SiteLayout.cshtml file, I had this line that was added by ...
0
votes
0answers
116 views
WindowsPhone8 IE10 viewport scroll issue
I have my windows phone layout xaml as follows:
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
...
1
vote
0answers
171 views
Page transition in viewport using CSS transform
I'm trying to bring page in and out of viewport using CSS transitions.
The basic idea behind this is to put <div> in viewport by applying
-webkit-transform: translate3d(0, 0, 0);
and put ...
0
votes
0answers
31 views
Viewport on Android Tablet Device
The viewport looks good in landscape mode, but when changing to portrait mode on a Android Tablet only... the viewport stays the same width as the landscape one, and ends up zooming in, and me having ...
0
votes
0answers
32 views
Strange viewport behavior with phonegap
I have a WebApp that I'm also making into native versions with PhoneGap build. First, some background. I have a responsive UI that uses and iPhone-like list interface on small devices and a tabbed ...
2
votes
6answers
42 views
jQuery .width() Conditional Always Triggers in IE
I have a client site that switches to a mobile version whenever the viewport size falls within specific paramaters:
if($(window).width() < 800) {
...
0
votes
0answers
227 views
How to make full width image slider?
I have to make a full width slider in home page . I have used meteor slider plugin in wordpress.
<div class="main-slider">
<?php if ( function_exists( 'meteor_slideshow' ) ) { ...
-1
votes
2answers
48 views
jQuery function issues
I have adapted someones example (from a previous Stack Overflow question I asked) to do what I want, but it doesn't seem to be working.
If it helps then here is the link to that question
The ...
0
votes
2answers
45 views
Run a function constantly
I'm using the excellent inView plugin to check if an element is visible in the viewport, using setInterval, but the function only runs once and only when the element IS visible, not otherwise (should ...
1
vote
0answers
35 views
How to disable media queries and viewport in iframe
I'm loading iframes for a special application and need a way to disable the responsive coding (viewport and media queries) in all iframes.
Is there a simple way to do this? Let's say applying an ID ...
0
votes
0answers
26 views
Retina mobile web app
DISCLAIMER: I know that these types of questions have been asked to death, but none I could find helped my specific case.
I'm doing a mobile web app where I can't use responsive styles (=defining ...
-1
votes
2answers
86 views
Automatically set the scale of an element based on the height of the viewport
To scale an element with CSS based on various viewport heights is tedious to say the least, and should IMO not be needed. Then again, I might be totally wrong.
I am wondering if it is at all possible ...
1
vote
0answers
42 views
Another Viewport Meta Tag Issue
Ahhh... I'm beginning to tire of the viewport tag.
Anyway, hopefully someone out there can assist with this question. I know similar questions have been asked on SO, and I've read quite a few of ...
0
votes
2answers
40 views
Viewport always centralized on a bigger background image
It is possible to make viewport behave like this with css and/or javascript/jQuery:
Currently, I'm using the css below to make the background cover the whole viewport:
#background {
width: ...
1
vote
0answers
42 views
CSS screen resolution adaption with browser's “zoom”, “moz-zoom”, etc
While searching for an easy way to make my menu (http://www.ck-game.com/newIndex.html) fit screen size I stumbled over the possibility of using the browser's zoom functionalities (zoom, moz-zoom, ...
0
votes
1answer
41 views
webview (assets) doesn't respect the device width
A month ago i did a simple webview that called a web page (php) in which there was this:
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
...
0
votes
0answers
40 views
Improve WPF 3D Quality
I'm using some basic geometric figures in a viewport. Somehow the quality of the edges is very bad on my laptop (no antialiasing, very pixelated). It is much better on my home computer.
My laptop runs ...
1
vote
3answers
94 views
100% Height Div on iPad
I am working on a responsive website using the Skeleton Grid and have a left floated navigation bar div that is 100% height of the browser window. It works in all browsers I've tested except for ...
0
votes
1answer
54 views
Load image only when image tag container comes in viewport
In photo gallery all images are loaded in thickbox , I wants to load the original thumbnail of the slider when its container div comes into the viewport.My HTML structure is:
<div ...
0
votes
1answer
51 views
Detect when elements within a scrollable div are out of view
I need to find a good solution to the following problem. I see a lot of people asking about tracking if an element is in or outside of view Port for the page or browser window. I need to be able to ...
1
vote
5answers
78 views
CSS or jQuery to right align image in Viewport and still allow scrolling to left
I'm working on a HTML page for Webkit, and have an image wider than the viewport (2048 x 1536px). I'd like to have the right half of the image appear in the viewport as the starting point, and allow ...
0
votes
0answers
78 views
Detect when Mobile Safari / Android Browser Navigation Bar Retracts via JavaScript
I'm trying to create a div that fills the entire viewport's width and height on a mobile device. The problem is, Mobile Safari and Android Browser have a navigation menu that disappears once the user ...
1
vote
1answer
97 views
Overlaying two graphs using viewports
I've been trying (knowing all the reasons why I shouldn't) to overlay two graphs on each other. I remember that when I used viewports in the past the two images would overlay on top of each other. So ...
1
vote
1answer
44 views
Gtk Expander in a scrolled window: The width of the scrolledwindow doesn't update
When using a Gtk ScrolledWindow with the horizontal Policy Never, I expect the scrolledwindow to adapt, if the horizontal size request of the child changes.
But that's not the case, for example when ...
0
votes
4answers
158 views
Chrome remembers scroll position
I'm running into a problem that's actually a "feature" on Chrome.
As most of you might know, Chrome remembers a scroll position that it returns to, whenever you come back to a page. And I kind of have ...
google-chrome
1
vote
3answers
245 views
Twitter Bootstrap layout to “wrap” evenly on viewport resize
I'm attempting to create a responsive layout using Twitter Bootstrap. There is a "grid" of images (100x100) that I'd like to display in rows of 1,2 or 4 wide. I'm using a ".row" within ...
Community Bulletin
Related Tags
css × 160jquery × 127
javascript × 124
html × 118
android × 91iphone × 86
mobile × 86
ipad × 66
html5 × 50
ios × 47
responsive-design × 43
mobile-safari × 39
meta-tags × 38
media-queries × 33
opengl × 26
java × 24
width × 24
zoom × 23
meta × 21
css3 × 21
scale × 19
scroll × 18
browser × 18
swing × 17
wpf × 17
