viewport

来源： https://stackoverflow.com/questions/23662621/html-meta-viewport-tag

来源： https://stackoverflow.com/questions/23662621/html-meta-viewport-tag

来源： https://stackoverflow.com/questions/23662621/html-meta-viewport-tag

来源： https://stackoverflow.com/questions/63382647/howto-add-class-when-section-is-in-viewport

问题 I know this question has been asked so much. But have there been any updates on being able to disable pinch zoom on the latest version of safari? I have a map application that implements pinch to zoom on specific elements of the webpage (the map). I want users to be able to zoom in on the map, while the UI around the page stays the same. This has destroyed my users experience on IOS. Is there a way to at least disable pinch to zoom on specific elements? Here is my webpage so you can see

问题 I have a page that I need to reset the viewport scale (the pinch zoom) on command, setting it back to the initial zoomed out state. Looks like the old tried and true method of rewriting the meta viewport: const viewportmeta = document.querySelector('meta[name="viewport"]'); viewport.attr('content', "initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"); doesn't seem to have any effect anymore on ios10 (page remains zoomed in). Is there any way around this? Update .attr is a jquery method,

问题 I have a page that I need to reset the viewport scale (the pinch zoom) on command, setting it back to the initial zoomed out state. Looks like the old tried and true method of rewriting the meta viewport: const viewportmeta = document.querySelector('meta[name="viewport"]'); viewport.attr('content', "initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"); doesn't seem to have any effect anymore on ios10 (page remains zoomed in). Is there any way around this? Update .attr is a jquery method,

问题 I'm currently working on a responsive webdesign. The "smartphone view" is not yet ready because my client has to obtain some more budget. Therefore I need to implement a temporary view which I want to realize with an fixed viewport that only gets activated on smartphones. I set the viewport using on this way: <meta name="viewport" content="width=device-width, initial-scale=1.0"> I want to change the device-width to 700 pixels if the following media query gets triggered: @media only screen and

问题 I'm currently working on a responsive webdesign. The "smartphone view" is not yet ready because my client has to obtain some more budget. Therefore I need to implement a temporary view which I want to realize with an fixed viewport that only gets activated on smartphones. I set the viewport using on this way: <meta name="viewport" content="width=device-width, initial-scale=1.0"> I want to change the device-width to 700 pixels if the following media query gets triggered: @media only screen and

问题 This question already has answers here : jQuery Animating Elements by Scrolling the page (2 answers) Closed 6 years ago . I've made a nav on my site which is absolute positioned. I've made a class to make this fixed to the top of the screen. What I'm trying to find out is how to carry out a function (toggleClass in this instance) after the windows has been scrolled x amount of pixels down the page (500 px in this instance) 回答1: The procedure is: Listen to the scroll event to detect the user's