none
How to visible left navigation and responsive image for table browser? RRS feed

  • Question


  • Hello,

    How to visible left navigation and responsive image for table browser?

    Current view for my tablet browser as below :

    No left navigation displayed :

    Image not responsive : 

    View using desktop browser :

    Thank You

    Wednesday, March 28, 2018 6:55 AM

Answers

  • Hi Ameenah,

    There are many differences between PC view and Mobile(Tablet) view. Per my knowledge, left navigation is invisible in mobile view(I did not test in a tablet, but i think it is same in tablet view). I suggest you switch to the PC View (if your browser can support it off course) to have the left navigation in your table browser. Just hit the Options button at the top right > choose "Switch to PC View".

    About responsive image for table browser, if you set the image with html, you are probably missing the viewport meta tag in the html head:

     <meta name="viewport" content="width=device-width, initial-scale=1">

    Without it the device assumes and sets the viewport to full size.

    Reference:
    https://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972

    If you set the image with css, you can check below articles: 

    https://opensourcehacker.com/2012/01/09/styling-images-for-mobile-with-css-width-and-max-width-mobilizing-websites-with-responsive-design-and-html5-part-6/

    https://www.sitepoint.com/community/t/how-to-make-div-background-image-responsive-on-mobile-devices/256777

    Best regards,

    Allen Bai


    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnsf@microsoft.com.


    Click here to learn more. Visit the dedicated forum to share, explore and talk to experts about Microsoft Teams.

    • Marked as answer by Ameenah Monday, April 2, 2018 7:57 AM
    Thursday, March 29, 2018 8:44 AM