Change Web page sizes in different screen sizes.

Hello

It is a wire ralated to a page size Web to adapt to different screen sizes. For example, if you design a Web page on a small screen and want the size to change and adapt to a view of the site on a different size.

If anyone knows how this is possible please reply.

Use the default CSS positioning (which is not at all positioning).  Use CSS margins, padding & / or floats to align elements on the page.

Change this:

NOTE: change Divap1, Divap2, etc... More meaningful IDS that indicate where the container is used on your page.  Example: #wrapper, #header, #footer, #captions.

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB
www.Alt-Web.blogspot.com

Tags: Dreamweaver

Similar Questions

  • Change the page size, unexpected behavior, CC

    Hi, having a problem with the changes after the change of the page. In a nutshell if I get cardboard PMPoint transformation (0,0) before a change of page size, the result is exactly as planned, the origin of the page in the editing table. After I change the page size using kSetPageSetupPrefsCmdBoss and run the transformation even recalibrated value is identical before changing the page size.

    Here's some quick code and output to illustrate. PageSizing:; DoYourThing() called and made the intial processing, prints the output in InspectTransformation(), then call ChangePageSize() and remembers InspectTransformation().

    Sub PageSizing: DoYourThing()

    {

    IDocument* theFrontDoc = Utils<ILayoutUIUtils> ()->GetFrontDocument();

    if (theFrontDoc is nil) { cost < < "Need a doc." } < < endl; return; }

    fDoc = theFrontDoc;

    GetPageSpreadRefs()1); Download the UIDRef from the 1st page and spread

    if (fPageRef == UIDRef:gNull) { cost < < "Invalid Page" UIDRef. < < endl;} return; }

    if (fSpreadRef == UIDRef:gNull) { cost < < "Invalid spread UIDRef." } < < endl; return; }

    cost < < "before changing the size of the Page." << ENDL ;

    InspectTranforms();

    bool16 sizeChangeResult = ChangePageSize();

    if (sizeChangeResult) {

    cost < < "after changing the size of the Page." << ENDL ;

    InspectTranforms();

    }

    }

    Sub PageSizing: InspectTranforms()

    {

    do {

    PMPoint leftTopPage (0, 0); / / Page coords

    InterfacePtr<IGeometry> pageGeo (fPageRef UseDefaultIID(());

    PMMatrix page2Pb =:pageGeo InnerToPasteboardMatrix();

    PMRect pageBoundsInPasteboard = pageGeo->GetStrokeBoundingBox(page2Pb);

    PMPoint pageOriginInPasteboard is pageBoundsInPasteboard. LeftTop ();

    Helper:PrintPoint(pageOriginInPasteboard, 'Origin of the dough pension Page.');

    InterfacePtr<ITransform> pageTransform (fPageRef UseDefaultIID(());

    PMPoint leftTopInPasteboard = leftTopPage;

            :: TransformInnerPointToPasteboard() pageTransform, & leftTopInPasteboard);

    Helper:PrintPoint(leftTopInPasteboard, "transformed the point (0,0) in cardboard coords.") );

    } while (kFalse);

    }

    bool16 PageSizing: ChangePageSize()

    {

    bool16 retval = kFalse;

    do {

    InterfacePtr<IPageSetupPrefs> docPrefs (fDoc->GetDocWorkSpace(), UseDefaultIID());

    if (docPrefs is nil) { cost < < "Nile IPageSetupPrefs" < < endl;} Break; }

    InterfacePtr<ICommand> pageSizeCmd (CmdUtils:kSetPageSetupPrefsCmdBossCreateCommand());

    if (pageSizeCmd is nil) { cost < < 'No command' < < endl;} Break; }

    InterfacePtr<IDocSetupCmdData> cmdData (pageSizeCmd IID_IDOCSETUPCMDDATA);

    if (cmdData is nil) { cost < < 'Data command nothingness' < < endl;} Break; }

    PMPageSize currPgSz = docPrefs->GetPageSizePref(); / / 612, 792

    PMPageSize newPgSz (currPgSz. OutputWidth() + 50, currPgSz. OutputHeight () + 50);

    DocPageBinding link = Utils<ILayoutUtils> ()->GetDocumentPageBinding(:GetUIDRef(fDoc));

    cmdData->SetDocSetupCmdData(:GetUIDRef(fDoc),)

    newPgSz,

    docPrefs->GetNumPagesPref(en)

    docPrefs->GetPagesPerSpreadPref(en)

    docPrefs->GetWideOrientationPref(en)

    Liaison);

    Error code ec = pageSizeCmd ProcessCommand() CmdUtils:);

    retval = (ec == kSuccess);

    if (! retval) { cost < < "Resize the page command failed." } < < endl;}

    } while (kFalse);

    Return retval;

    }

    The output

    consoleOutput.png

    As you can see the origin of the page is different after the order of page size, but the transformation returns the same value of 0.0.

    Am I missing something about transformations or the order of page size?

    Thanks for any help. Mike

    Hello Mike,.

    you was not assuming that the upper left corner of a page in coordinates (0, 0) pasteborad. That is right. But you assuming that the upper left corner of a page in internal coordinates is (0, 0). And it is wrong. The origin of the page in internal coordinates is (0, 0) after resizing.

    Markus

  • Change the page size and text in Firefox 35.0.1

    I had a small red P at the top right of Firefox that changed the page size and the fonts that I lost after a reset: How do I get it back?

    Do you mean this extension?

    You can check the "Old data Firefox" folder on the desktop to see what extensions you previously had.

  • Change the page size - grayed out of boxes

    I'm changing the page size of the pages within a document. Apparently, you're supposed to select the pages in the Pages panel and then change the height and width of the Panel settings. My height and width boxes are grayed out. What have I done wrong?

    Your screenshot shows you the active Selection (the black arrow) tool, not the Page tool (the third tool from above).

  • How can I change the page size of a pdf document so that I can check on my iphone more clearly?

    How can I change the page size of a pdf document so that I can check on my iphone more clearly?

    This is way beyond what can be done with PDF, except by copying the text and make a new document in Word or something.

    That said, Adobe Reader on Windows may display the text AS IF the PDF file has been divided. It's the text reformatting. It may be possible in Reader for iPhone, you can try the player for ios forum.

  • How can I get my example Yahoo web pages to fit the screen of my computer?

    How can I get my example Yahoo web pages to fit the screen of my computer?  When I open yahoo page is longer then the screen of my computer. This is happening on all pages, when I opened.

    Advisor.

    Andy

    original title: computer screen

    Hello!

    Try this:
    1. shoot to the top of your Internet explore
    2. go to the toolbar at the top of the page go to hell VIEW > ZOOM > and adjust the size of the page that will fit your window.
    Hope this helps,
    Thank you
    Makoi
  • I want to resize the text in the Apple support pages WITHOUT changing the page size

    I spend a lot of time reading and learning on the Apple discussion forums, but all of a sudden my text size became too small. While I can easily adjust to the size of reading, which unfortunately also increases the size of the page and as a result I have to drag left and right pages to read continuously or click on the symbols... I'm trying Nosquint, but so far have not found the solution.

    There should really be a non-technical way of this operation and thus creating a permanent framework. All of my pages of BBC can be addressed via the parameters of 'content', but it does not affect Apple talk pages.

    There are two types of Zoom in Firefox; Text zoom and zoom on the Page.
    See for zoom text: https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages#w_how-to-only-change-the-size-of-the-text

  • Web page size

    I was typing a message on facebook when he decided to start changing on me that she went from the normal size of a Web page loading to clear the size of a 8. I know it's hard to read, but all my other pages remain the same normal size, how can I change this

    Hello

    Press and hold ctrl and press 0 (zero).

    Kind regards

    DP - K

  • Change the page size in a smaller format

    Hello

    We have some problems resizing of a PDF document to a smaller size of the page (e.g. A4).

    It seems that Adobe Acrobat Pro DC creates a PDF document with a page size that is larger than an A4 document in width.

    We have already tried the following things:

    • We printed out the PDF file to an A4 document with the Adobe PDF printer, but this causes all our form elements to disappear. 90% of all form elements are not available in the printed PDF file.
    • We tried to set the page size by using options like Te 'organise pages' = > 'set page boxes' = > "Change Page size". However, when we try to set the size of the page on the exact dimensions of an A4 document, we obtain the well known error "Page Size cannot be reduced".

    Finally, we used a trial version of MapSoft plugin for changed the size of the page of A4 document.

    It works, but in our view, this should be possible in Adobe without use of external plugins. If we have missed some sort of option in Adobe Acrobat Reader Pro DC?

    Thank you.

    P.S.: If the document does not have the exact size of A4 page, a part of the text does not fit into predefined on our template document boxes. In addition, the printed document alike on different printers if the A4 page size is not used.

    ontwikkelingd76021313 wrote:

    ...

    • We printed out the PDF file to an A4 document with the Adobe PDF printer, but this causes all our form elements to disappear. 90% of all form elements are not available in the printed PDF file.

    ...

    Print on the 'Adobe PDF' format will remove all form fields, links...

    The tool controls upstream allows you to change the size of the page.

  • Text too small menu Web page size in the mobile phone

    Hello

    I have a Web page to test 2 columns with a menu on the left and content on the right.

    The text in the menu is defined as make-size: 100%; which is the same as the paragraph tag used in the content side.

    However, the menu text when seen in a cell phone screen 5 "shows about half vertically or horizontally.

    The text of the menu is less then half the size.

    In my web browser on my pc and my Samsung Galaxy Note 10 "screen menu text is the same size as the content side.

    Visit the test here: text size

    That this has something to do with the @media rules and how to fix the menu text size?

    text1.jpg

    David

    Hello

    I did what you suggested removing the min-width: 850px; and now the size of the text is the same for all 3 web browsers.

    I noticed that my image was straddling the container div so I created an image class and removed from the HTML, the width and height and now the image is resized within the DIV.

    HTML:

    CSS:

    {.image1}

    Max-width: 100%;

    }

  • Cannot change default Page Size

    HP Officejet Pro 8500 has more

    Windows XP

    All the installation instructions were followed, and the printer works well.

    However, whenever I try to print a document, the Page size in the default printing preferences window is always letter, and I change manually in A4 before continuing.

    How can I set the default Page size for this printer A4 (instead of letter)?

    Hello

    In order to define the document by default to A4, you should try the following settings.

    1. go to printer and Faxes folder
    2. right click on the printer and select Properties
    3. then click the Preferences tab.
    4. go in the paper/quality tab
    5. Select the paper tray and paper and type format you want.
    6. click apply then OK to save the settings.

    If my post has solved your problem, please mark it as accepted Solution
    +++ Say thank you by clicking on the star of congratulations in the post.
    Although I am an employee of HP, I speak for myself and not for HP.

  • Web page size standard width?

    For 4 years I had to create a web page.  Fortunately, the standards have increased.

    Can any of the greatest wisdom offer their 50 cents of value on a Standard bandwidth?

    There is no one size fits all.  People want sensitive web page layouts that are running well in all devices.

    Average display size in Pixels:

    Portrait of mobile (320 x 480)

    Mobile landscape (480 x 320)

    Portrait of small tablet (600 x 800)

    Small tablet landscape (800 x 600)

    Portrait of Tablet (768 x 1024)

    Tablet landscape (1024 x 768)

    Laptops (1024-1900)

    Desktop computers (1200 to 2800)

    Nancy O.

  • Batch to change the page size of InDesign documents

    I have about 300 documents in InDesign (2014 cc, Mavericks) a page of various page sizes. Each page is wider than 4 inches and 4 inches larger than the content of the page. The content is in middle of the page - actually make a margin of 2 inches (but with no margin guides) around the content. What I need to do, is get the page of all documents will have to be a specific page size, 7,125 "x 9.75".

    I was able to accomplish this by putting all the docs in a book, make a master page 7,125 "x 9.75" on a doc, synchronize the other docs and then opening each doc and apply the master page. The last piece was a bit a lot of work and I would like to avoid it in the future.

    Could write a script that opens some InDesign documents (in or not in a book) and changes the various sizes of page to the necessary size? I've never written scripts before, so no idea if it's possible or how to do it.

    I put the following on another forum and got help, but it took that I have control over the creation of the original documentation. And I did not. "Is there a way to globally apply a master page to all pages of all documents in a book?

    Any help is greatly appreciated.

    Hello

    What is your requirement

    var myFolder = Folder.selectDialog("Select the Folder contains Indesign Files")
    
    var myFiles = myFolder.getFiles("*.indd")
    
    alert("Total Indesign Files: " + myFiles.length)
    
    for(i=0; i
    

    Concerning

    Siraj

  • Change the page size and get the error on the booklet. Why? Only in CS6...

    Why when we work with a material to many pages, and all pages have the same measure and change the size of each page (in file-> Document format), we can generate more booklets? I tested version CS5 and it worked perfectly in the version CS6 gives the error:

    "The active document uses multiple pages sizes. Booklet printing only works with documents that use consistent page size. »

    I checked all the pages and all have identical dimensions between them.

    Take a test.

    Open a new file with multiple pages. Try to create a booklet. Will work correctly. After that, go to file-> size and change the size of the pages page. Now try to create a booklet. Will give an error.

    I tested in a couple of Mac...

    Peter is right, that this problem is not being solved in the hotfix released today.

    I already signed in to the same bug and sent to engineering for a fix, waiting for a response from the well side!

    There is workaround as copy and paste the contents to a new file, but not a fix solution as if now.

  • If doc can be synchronized with a change of page size?

    I use the model manual.indt with InDesign CS4, I did a page size replace the scheme and now another everythng and text areas are folded down. I need the margins to be 'correct' relative to the size of the page, just as they were with the original model. Is it possible to make a page change in size and have all the elements in the model to synchronize the change?

    Thank you

    Bill

    Amiellemiel wrote:

    And turn on the adjustment of the layout.

    Bob

    I thought I said that...

Maybe you are looking for