page-zoom

Media queries running weird because of non-integer width

风流意气都作罢 提交于 2020-02-04 05:15:07
问题 Can't say is it a real problem or I'm just being paranoid but this behavior of media queries is really driving me crazy for last couple of hours. Let's consider this really simple CSS. body {background:yellow} @media (max-width:399px) { body {background:red} } @media (min-width:400px) { body {background:blue} } Problem happens when width is 399.333px! (or any float-value between 399 and 400 integers) My logic says that by using this CSS style page will never turn yellow, right? It should be

CSS sprite - showing part of another image when zooming

我的梦境 提交于 2019-12-24 17:29:11
问题 I have following CSS sprite. When I try to display the first icon, it works fine, but when I set zoom to 150%, I see also small part of the second icon. This problem is on Google Chrome and Internet Explorer, but not on Mozilla Firefox: JSfiddle div { width: 29px; height: 29px; background-image: url(http://i.imgur.com/O2Cp0nb.png); } <div></div> That's how it looks for me on 150% zoom: Update: Chris suggested that I need to put some space between icons. So my question is: why? And why it

My meta viewport doesn't work

自古美人都是妖i 提交于 2019-12-11 16:20:58
问题 I'm working at a website(Revogue).I'm trying to disable zoom for mobile phones and it doesn't work.I tried many metaviewports...Please help me(( <meta name="viewport" content="user-scalable=0, initial-scale=1, maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport

ViewController animation like zooming and zooming out

情到浓时终转凉″ 提交于 2019-12-07 02:16:51
问题 I have a CustomGridView with UIView for images, if i click on an image It should be show in another viewcontroller with Zoomin Transition (It should show like it comes out from the grid), when i closing that it should animate like it goes back to the same place like Zoomout effect, I searched for this i unable to find the library that suited my needs, can somebody suggest how can i achieve this 回答1: Looks like you are searching for JTSImageViewController See: https://github.com/jaredsinclair

Detect if browser window is maximized and at default (100%) zoom

你说的曾经没有我的故事 提交于 2019-12-05 08:17:01
问题 I know it sounds weird but there really is a reason and it is in the users' best interest. I know that having the browser automatically maximize and set 100% might be problematic but how about making so that if the window is not maximized and the zoom is not 100% all the users would see is a message "please max your window and set the zoom to 100%". I need to make this work in Chrome, Firefox and IE ...at least. I am not trying to make it "full screen mode" just maximize the window. If

Detect if browser window is maximized and at default (100%) zoom

霸气de小男生 提交于 2019-12-03 22:00:56
I know it sounds weird but there really is a reason and it is in the users' best interest. I know that having the browser automatically maximize and set 100% might be problematic but how about making so that if the window is not maximized and the zoom is not 100% all the users would see is a message "please max your window and set the zoom to 100%". I need to make this work in Chrome, Firefox and IE ...at least. I am not trying to make it "full screen mode" just maximize the window. If "forcing" in the sense "keeping" 100% and max window is problematic how about just setting the zoom to 100%