I'm currently coding a small web app for a tizen tv. It mainly consists of a table with 2x2 cells. every cell contains an Iframe to another website.
But when i ran it on my TV i noticed that instead of four websites, only one website was shown in fullscreen. I set the table's size to 100% height and width.
Thank you in advance
I tried using 100vh/vw for the size instead of percentages
Related
I have basic html page (w100% and h100%) and i need make a parts of html pages ( 4x 25%x25%). Becouse html page will be displayed in four tv.
Each tv would get its url to display a portion of the original htlm of the page
Any ideas how to do it? maybe iframe?
example situation here
Most desktop operating systems support four monitors in a 2x2 configuration used. So it might be enough to just open a single web browser, stretch it across the whole virtual desktop and show the single page inside it.
how to code for website which will run on multi screen displays.
These displays are made by combining multiple led screens or monitors.
Each monitor will either display a separate webpage or will one web page be divided into grids to display accordingly?
It doesn't matter, just build the page as normal and let the hardware do the patchworking.
So I'm making a grid with iframes in it. What I'm getting now is this:
As you can see, the website adjusts to the size of the iframe. What I want, is that the content will shrink to the size of the iframe, without using their responsive design. I don't have much experience with iframes, I hope there's someone here that can help me.
Thanks!
That cannot be done with Iframes -- The only real option you have is to take a screen shot of the website in a full size browser, and then serve a scaled image of the site.
This can either be done
when the user otherwise opens the website, and the scale down those images to the size you want
That is what google-chrome does for the short-cut page.
or server side, create a virtual browser and render the page server side, then take a screen shot of the virtual browser.
That is what some search engines have done in the past, where they offered a miniture view of the website for a search result before visiting (I however don't think any search engines currently offers this feature)
I'm building a website using WordPress. Although the pages are well suited for Mobile site, this particular page is displayed very congested. This is the page from the website website - http://www.cyberfosters.com/anspress/
If you click F12 using Chrome browser on this page and toggle the "Device Mode" you'll see how it appears on a mobile device, I'm going through the CSS files to find out what needs to be changed but I can't seem to find out.
What I want is that the page should appear on a mobile as it does on the website but just scaled down.
I was looking at your html and css and the problem seems to be very simple, your site is not build to small deviced because it uses a mix of width values in PX and %, the design must be set in % to work well on multiple devices without using special pages for mobiles and other for pc this is my recomendation.
Example if you put a 1090px image on a 800px screen resolution it will just not work so what we do is to set image width value to 100% in this case and so on that way the images get auto resized the easy way. Do the same with tables images divs spans etc
I have done about 20 websites which included the Business Catalyst gallery module. This is the first one that I'm having problems with and I don't know why. Please check out: http://topspindenver.businesscatalyst.com/gallery.html.
You will notice that if you make the window smaller, the gallery thumbnails start overflowing the window. In every other website that I've done, the gallery was responsive within the specified skeleton columns, and the thumbnails automatically get smaller, like on this site: http://mountaingardendiva.com/.
Does anyone know why this is happening only on this site? I have already tried specifically targeting the table that the thumbnails sit in and given it a max-width:100%, but it didn't work.
I'm guessing you're using Firefox to view this site and noticing this problem for the first time, because it looks fine in Chrome. It has to do with how Firefox computes the width of a table and the max-width of images within the table. You can solve the problem by applying a max-width to td.photogalleryitem with each media query that changes the page width.
It does work in Chrome, but to make it work in FireFox try setting the css on your images to width:100% instead of max-width:100%