responsive

问题 I would like to use the API screen in Js with chrome. if ( navigator.userAgent.match( /(android|iphone)/gi ) ) { if ( 'orientation' in screen ) { //console.log( '// API supported, yeah!' ); //console.log( 'new orientation is ', screen.orientation ); screen.lockOrientation( 'landscape' ); } else { console.log( '// API not supported ' ); } } else { //alert('none'); } my error js : caught TypeError: screen.lockOrientation is not a function / * other * / if ( navigator.userAgent.match( /(android

问题 i have the following code header { width: 100%; height: 65px; background: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; color: #252c3a; } #menu { width: 100%; display: flex; margin-left: 28%; } #menu div { width: 100px; height: 65px; display: flex; align-items: center; justify-content: center; position: relative; } <header> <div id="logo"> <img src="img/header/logo.png" alt="Logo"> </div> <div id="menu"

问题 I'm trying to create a simple responsive program, that will change the text depending on the screen size. I created 2 div tags that should show up, one is for people who are on PC and another one on mobile, for the latter I have set it to visibility: hidden; so it won't show unless you are on a small enough screen size, then I created media query and copy and pasted the div I wanted to use for mobile users named Mobile, inside the media query. I only removed the visibility: hidden; tag so it

问题 I have a WordPress site that is fully responsive which I love-- but one of the pages is a list of songs that are in 2 columns. It looks really messed up on mobile devices so I was wondering if there are tags or something I can put around the code just for the songs so that only that section would NOT be responsive and just shrink in proportion with other devices. See screenshot. Sometimes I think non-responsive sites look better. This one is fine except for the Music page. I just don't like

问题 The website is designed to have 6 big squares, 3 per row, in a grid layout. I am trying to make it responsive, so if someone zooms the website would adapt... and it kind of does, but in a bad way. I want the squares to lay different when zooming; If now they are 3 per row I want them to go 2 per row and finally 1 per row if zooming enough. Instead of that the squares narrow themselves in their width in order to fit. /*///////////GENERAL//////////*/ * { margin: 0px; padding: 0px; box-sizing:

问题 I have forked the example dc.js (version 4) map file is this JsFiddle. What I want is for the map to be responsive to the Bootstrap container. So, if the screen size changes the map is displayed correctly. The SVG is responsive by setting the width and height to null and a CSS format to set the width and height to 100%. However I see that the underlying <g> (layer0) element is not responsive. Therefore I tried to add a scale element to the projection. But unfortunately I don't know how to

问题 I'm trying to create a layout that's similar to this: the image and text should be side-by-side on desktop and tablet. On mobile, they should show up in one column with either the image or the text on top and the other below it. I'm using the Horizontal Cards from Materialize CSS to do this. However, on mobile, the cards still show up in a horizontal format. Is there any way to change this using Materialize CSS? This is my current code: <div class="col s12 m6 l6"> <div class="card horizontal"

问题 I am trying to make a HTML CSS Email template that can work on all email clients. I manage to get a simple one up. The template will display properly on Gmail, Hotmail but when it comes to Outlook everything is misaligned. I know that Outlook uses Words to render the template. How do I code to come around it. I want to make it responsive as well. I do not know where to start debugging. I am really new to coding responsive email template for email clients. I have tried to inline my CSS but it

问题 I am trying to make a HTML CSS Email template that can work on all email clients. I manage to get a simple one up. The template will display properly on Gmail, Hotmail but when it comes to Outlook everything is misaligned. I know that Outlook uses Words to render the template. How do I code to come around it. I want to make it responsive as well. I do not know where to start debugging. I am really new to coding responsive email template for email clients. I have tried to inline my CSS but it

问题 I am trying to make my Google Column Material Chart responsive, but it seems a bit choppy to me and doesnt work well at all. Can anyone help me make this flow well The chart will only appear in that format when the page is loaded. It won’t dynamically resize when the browser window width is changed. JSFIDDLE https://jsfiddle.net/rbla/Le8g0sw0/8/ HTML <div id="chart"> <div id="chart_div"></div> </div> CSS #chart { border:5px solid #AAA; width: 80%; min-height: 450px; } JS <script src="https:/