Html5 page size

Hello everyone.
I've created html5 web offline application with resolution 740x460, but it doesn't fit into iphone screen emulator. Even when i'm in "Retina display" mode.
If i'm chosing "Retina display" mode, page is stretched and html5 works incorrect.
Here is design code of the html5 app.
Canvas is the same size as body.
Simulator and iphone device display only 60% of the page in one screen. Application is launching on Safari.
How to fit page in to screen without scrolling anywhere?

Again, not sure what is is you are trying to achieve.  Media Queries define CSS style sections for certain criteria only.
In the case of an iPad a Media query like this would target the iPad in Landscape mode, as well as any other device who's browser supports the media query.
  @media screen and(orientation:landscape)
while this would target it in Portrait mode.
  @media screen and(orientation:portrait)
its up to your CSS in those sections to adjust your website to those dimensions or present different things depending on orientation.
For instance this  HTML and CSS code will show which orientation the device is in by showing and hiding a div through a media query that detects orientation.
<!DOCTYPE HTML>
<html>
  <head>
  <title>Mobile Device Orientation with Media Queries</title>
  <style type="text/css">
  div.orientl
  background-color:#f2f2f2;
  padding:10px;
  font-family:Arial,"sans serif";
  display:none;
  div.orientp
  background-color:#464646;
  padding:10px;
  font-family:Arial,"sans serif";
  color:#ffffff;
  display:none;
  @media screen and(orientation:portrait)
       div.orientp
            display:block
       div.desktop
            display: none;
  @media screen and(orientation:landscape)
       div.orientl
            display:block
       div.desktop
            display: none;
  </style>
  </head>
  <body>
  <div class="orientl">
  <h1>Landscape</h1>
  </div>
  <div class="orientp">
  <h1>Portrait</h1>
  </div>
  <div class="desktop">
  <h1>Desktop Browser or no Orientation determined</h1>
  </div>
  </body>
<html>

Similar Messages

  • Change page size in PDF (Acrobat 9)

    I have created a PDF file and under document properties it says that the default page size is 11.69 x 8.26 in.  I want to change this to A3, but cannot find the option or any help on this.
    The PDF was created using the PDF printer from an application that normally only prints to A3.  This created a separate PDF file for each sheet of the document, which I then combined using the combine option in Acrobat.
    Any thoughts?
    Thanks
    Alan

    I have created a PDF file and under document properties it says that the default page size is 11.69 x 8.26 in.
    Where did you see default page size? I can see only page size.

  • New preview function for iPad–error message "Multiple page sizes not supported"

    When I try to use the new preview function with my iPad I get the error message "Multiple page sizes within a layout are not supported". I have a page that is 768 x  1296. I would really like to preview this folio before publishing. Any suggestions?

    If you're trying to create an article that scrolls vertically, you can create a 768x1296 article in a 1024x768 folio, but you need to select a Smooth Scrolling option when you create or import the article, or in the Article Properties dialog box.

  • Does 'Export Relative to Page Size' NOT work in Kindle books & some other ereaders?

    Hi I've been looking at this issue that has made the wheels in my head work overtime! I've made a book with pictures for the Kindle store and all the images look too small.
    I've used Indesign 5.5 on a Win 7 PC.  My file has multiple graphic images and I am exporting it as an epub. When exporting from Indesign you have 2 main options when exporting graphics. You can display them Relative to page size, or have them a Fixed pixel size. In age of multiple size device screens Relative to page size is the logical option because it should be able to make images on a page fill roughly the same percentage of the screen size whatever device you read it on. However I am finding that it doesn't function with all programmes.
    I created an epub. Exported it with the Relative to page size option. This works great when viewed on PC with 3rd party software such as Sigil, or in iBooks for iPhone/iPad or Adobe Digital Editions ereader software.
    However the same epub the images DO NOT display relative to page size when viewed with Calibre ereader software (images display far too small).
    Also, I have converted that same epub (using Calibre) to a mobi. The images in the .mobi DO NOT display relative to page size when viewed with Kindle for PC, Kindle for iPad, Kindle Fire, Kindle Keyboard or Calibre.
    Now. I recognise that my test is in no way universal but something is happening that is making the same file display relative to page size with some software/devices and not relative with other software devices. I've been wondering Is this a bug in the Indesign software or is it not possible on Kindle. Has anybody experienced this. And my main objective is to find out if there is a way, using Indesign or changing the css code, to make images display relative to page size on the Kindle?!
    Any help, thoughts, ideas, knowledge would be appreciated!

    InDesign doesn't have an export to Kindle function. It is not designed to export in the Kindle MOBI format.
    There are many things which are lost when converting from EPUB to MOBI files. I'd recommend doing some reading on Elizabeth Castro's blog where she talks about some of these limitations. Also read her book "EPUB Straight to the Point for her section on converting to Kindle.
    Formatting ebooks - EPUB Straight to the Point
    Another good place to ask is in the Mobile Read forums where many long-term eBook experts reside: http://www.mobileread.com/forums/

  • "Indesign CS6 Edit Page Size"

    Hi why have you changed the way edit page size works in cs6 compared to cs5? in cs5 i could use the reference point to decide where i wanted the page to grow. In cs6 it doesnt matter where i have the reference point it adds the size from center regardless of where i have the reference point.
    //Anders

    That problem does not exist on my computer
    Apple iMac & Creative Cloud
    InDesign CS6 V8.0.1

  • How to create a report with different page sizes

    Hi,
    I would like to create a report with different page sizes, it's possible to do it with diadem?
    When I change the layout parameters, changes afect to all sheets...
    Is there a way to change page size individually for each sheet?
    Thanks in advance.
    Marc

    Hi Marc,
    You can use the DocStart and DocEnd commands along with the PicPrint command to spool multiple print commands to the same output PDF file using the direct printer approach.  This should enable you to programmatically specify the page size differently for each sheet that you add to the print job.
    ' Print PDF Page by Page.VBS
    OPTION EXPLICIT
    Dim i, Path, OldPrintName
    Path = AutoActPath & "2D Stacked"
    Call DataDelAll
    Call DataFileLoad(Path & ".TDM")
    PDFFileName = Path & " Page by Page.pdf"
    IF FileExist(PDFFileName) THEN Call FileDelete(PDFFileName)
    OldPrintName = PrintName
    PrintName = "winspool,DIAdem PDF Export,LPT1:" ' Set to PDF printer
    PDFResolution = "72 DPI" ' "2400 DPI" , "default"
    PDFOptimization = TRUE
    PDFFontsEmbedded = FALSE
    PDFJPGCompressed = "high"
    PrintOrient = "landscape" ' orient paper
    Call PrintMaxScale("GRAPH") ' auto-max, see alternative margin setting variables below
    PrintLeftMarg = 0.181
    PrintTopMarg = 0.181
    PrintWidth = 10.67
    'PrintHeigth = 7 (read-only)
    Call WndShow("REPORT")
    Call DocStart ' Begin multi-page document/print job
    FOR i = 1 TO 4
    Call PicLoad(Path & ".TDR")
    Call GraphSheetNGet(1)
    Call GraphSheetRename(GraphSheetName, "Page " & i)
    Call PicUpdate
    Call PicPrint("WinPrint") ' Add a page to be printed
    NEXT ' i
    Call DocEnd ' End multi-page document/print job
    PrintName = OldPrintName
    Call ExtProgram(PDFFileName)
    Brad Turpin
    DIAdem Product Support Engineer
    National Instruments

  • How do you can change the page size of a pdf in MAC?  I have multiple pdf documents of different sizes that I want to combine.

    Help.  How do I change the page size of a pdf in MAC?  I have multiple pdf documents in varying sizes I would like to combine and print.

    There's no real need to do that. A PDF can have pages of different sizes.
    On Fri, Jun 6, 2014 at 4:11 AM, christine rambo <[email protected]>

  • Creating a document with different page sizes.

    I'm trying to produce a leaflet with different pages sizes. To try and explain what I mean I have included a picture of what I'd like the front cover to look like. When producing a booklet there doesn't seem to be a provision to individually alter each page size in the pages or document set up panel. Is there anyway around this or do I have to create each page seperately, export to pdf and then combine into the leaflet? Help gratefully received. tomas

    The build booklet feature is for very basic booklets, not something like this.
    Sorry, but you’ll need to make everything full size and then do the cutting.
    Bob

  • How to reserve the page size when exporting to MS Excel 2010

    Hello. I have a report which exports to MS Excel 2010. I applied the page size as legal in Crystal Report and would like to use the same page size in Excel
    However, MS Excel print preview says the page size is letter.
    How could I keep the same page size in Excel as I applied in Crystal Report. We have a lot of business reports and would like to avoid applying page setting manually in Excel when users print them out each time.
    Thank you.

    Hi Christine
    I am in the process of writing a doc on the different options in CR and the "No Printer" option sis one of those. Seeing this post, made me wonder as this looked like a questionable behavior. My testing does not support your observations. Now, I did a very simple test;
    Created a report, set "No Printer", set the paper size and legal orientation. Exported to XLS - any format, and the export maintained legal paper size in all instance. I did a few other variations, but I can never get the report to export anything other than Landscape.
    Can you  please let me know the version of CR you are using?
    You may also want to attach the report here with saved data (to attach rename the rpt to txt, then in the reply hit on the "Use advanced editor" link and attach.
    BTW.; I am using CR 2013.
    - Ludek
    Senior Support Engineer AGS Product Support, Global Support Center Canada
    Follow us on Twitter

  • Z3200 won't print to custom page size

    Hello,
    I've created a banner that is 23"w x 82"h (in CorelDraw Suite 4).  The page setup of the Corel file is 23" w x 82"h.  I've been trying to print it on the z3200 designjet, but have had no luck.  I created several custom page sizes (23" x 82", 24" x 85", 24" x 82") using both the "Printer Properties" dialogue within CorelDraw as well as adding a "Form" in the "Print Server Properties", none of them work.  I've set the correct paper (24" wide HP Bright White Bond, feeding from the roller) on  the actual printer itself, and in the Printer Properties.
    I've played around with all of the different settings that I can and sometimes see the following error message:
    [1/1]Paper size selected (width:23.00 inches, height: 82.00 inches) is larger than loaded paper (width: 24 inches).  Please verify your printer setup.
    When the page prints, it is resizing the content to be 8.5" wide.
    I don't know what I'm missing.  Any advice would be greatly appreciated!
    Thank you in advance,
    Karen )

    I'm having the same problem here in China as well; and I've talked to the tech support in my region and no help. Called the province HP tech rep and he has no clue at all.
    Does any Tech/Eng here could help us? Otherwise there's no reason for me to use you guys machine anymore...

  • Is it possible to Default "Choose page source by PDF page size" option in the "Print" dialog box?

    I have an SSRS report that is rendered as a PDF file; the report has many columns and utilizes 11inx17in (Landscape) paper. However, once the report is rendered and users try to print the report they have to manually select the 'Choose Paper source by PDF page size' option in order to get the report to print on the correct paper (otherwise it defaults to standard letter size - landscape orientation).
    I'm aware of 'Print Presets' functionality; however, I don't believe they apply to this scenario. Is there a config file/registry setting/anything that can be specified to automatically set the 'Choose paper source by PDF page size' print setting = On/True/Checked?
    Any help would be greatly appreciated...

    Anybody out there?

  • Crystal report 9 com+ pdf page size

    Post Author: edp
    CA Forum: Exporting
    I build a dll with vb6 which indoor is present a report (pippo.dsr). The dll was insert in a COM+ application of our server. When i open the COM+ structure and the from an asp page i use the dll will be create a file .pdf perfectely. When i close the COM+ structure the same page asp will create a file .pdf with a strange page size (half of A4 format). Someone know the reason ? Regards

    Hi Alias,
    Please ensure that the  "reset page number after" is unmarked in the section expert on the grouping that this displaying in the report.
    Regards,
    Zack H.

  • How do I set a default page size, orientation, and printer for a particular document in Pages?

    I have a simple label document in Pages which I print to my label printer. The label is 1.49 x 3.47 inches and needs to print in Landscape, and it needs to print to my Dymo label printer. How do I set up the Page Setup or Print Setup so it defaults to this document size, orientation, and printer, every time, without me having to manually enter those settings every time?

    Thank you for your reply. However, I could not get Templates to work correctly for me.  Following your instructions, I opened my document, opened Page Setup, set the printer, paper size, orientation, and printed a copy to make sure it was right. Then I re-opened Page Setup to verify that the settings were still correct. Then I saved the document as a Template. Then I found my template in Pages, opened the template, and tried to print. The first thing I noticed was that the template did not remember my printer. Then I set the printer, and printed, but I found that the template also did not remember the page size or the document orientation. So, did I miss a step here? Lion 10.7.5 and Mac Mini.

  • Defining page size in XML Publisher

    Can we define page size using XML Publisher APIs.
    We have a problem where a single RTF template will be used for different countries and depending upon the country, the report needs to be printed on Letter or A4 or anything.
    I could find a parameter for Orientation but none for page size.
    Is there something we can do for defining page size or we need to rely on the printer setup.
    Regards,
    Satrajit

    to which column do u wnat to calculate goto that column
    <?add-page-total:variable_name;Column_name?>
    ex: <?add-page-total:inv;INVOICE_AMOUNT?>
    finally goto footer write
    <?show-page-total:inv;"999G990D00"?>

  • Print to different printers by page size

    Hi, i have a problem,  i need to print documents that have inside a lot of  different size pages(a4,A3,a1,A2,A0, a4x3 e.t.c.). Is it possible automaticly somehow to redirect a4,A3 pages to one printer and a1,A2,A0, a4x3 e.t.c. to other while printing whole file. I think this function will be useful in next acrobat version.
    something like this,dewading A3 to two A4 not needed
    to acrobat team:
    Did you thought about function that can make templates to printer like it made in AUTOCAD ? (*.pc3 files). It will be usefull when printer driver is not possible to save alot of page size formats. Autodesk fix this problem by making templates(like virtual printers) through that is possible to print, and in that is possible to save alot of page size formats that don't have original printer driver. It will be great if acrobat could use AUTOCAD *.pc3 templates to print through.

    Hi,
    Normally Outlook rules only print via the default printer, selecting the printers is beyond the control of Outlook build-in rules.
    If you have a rule written via a script, I suggest you post the question and the script to MSDN forum, in which you can get script specific support:
    http://social.msdn.microsoft.com/Forums/office/en-US/home?category=officedev
    The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
    Regards,
    Melon Chen
    TechNet Community Support

Maybe you are looking for

  • Externally Hosted DNS - How do I set up my 2003 DNS server for sub domain to point to internal IP address??

    I have a domain name(domain.com) DNS hosted at my ISP. I also have 3 sub domains DNS hosted at the same ISP pointing to various external ip addresses (mail.domain.com, vpn.domain.com and ts.domain.com). We want to set up sales.domain.com to point to

  • Authorization issue in Info spoke

    Hi all, I am facing some authorization issue when executing info spoke in process chain. Info spoke is working fine in direct Scheduling (both background and Dialog). Am getting this error after execution of process chain "System error: RSDRC / FORM

  • SAPXMLTOOLKIT Performance issue on XSLT conversion

    Hi, I am runnning a large XSLT transformation (source XML ~ 16MB - relatively flat format record structure from a POS system converting to IS Retail IDOC WPUBON  IDOC - around5MB of converted XML). The aim is that this is portable bewteen SAP Busines

  • MSN messenger telling me I have the wrong password

    All forms of msn messenger and Im+ and IMO. Facebook will sign in on the latter two but msn tells me I have the wrong password( I don't)

  • HP Photosmart 5514 not printing black ink

    For the past few months my HP 5514 Photosmart printer has been acting weird.  It will print random characters in the middle of a print job, and stop the job all together.  Most recently, the printer as all together stopped printing black ink.  I can'