Re: [css-d] iPad differences

Anyone one this list use BrowserStack ? Tom Livingston wrote: > > I was speaking desktop vs desktop. I put little stock in emulators. > Test on > as many devices as possible and be prepared to tweak as reports of issues > become known or to get at least a little closer to real, use browserstack >

Re: [css-d] iPad differences

Where I live and whom I know don't own many devices so that is an up hill battle I can't climb. Tom Livingston wrote: > > I was speaking desktop vs desktop. I put little stock in emulators. > Test on > as many devices as possible and be prepared to tweak as reports of issues > become known or to

Re: [css-d] iPad differences

I was speaking desktop vs desktop. I put little stock in emulators. Test on as many devices as possible and be prepared to tweak as reports of issues become known or to get at least a little closer to real, use browserstack or similar who use official simulators from the manufacturers. On

Re: [css-d] iPad differences

It could be the same, remember Safari doesn't emulate based on iOS. Tom Livingston wrote: > > It most definitely is not the same. > > > > On Thursday, August 11, 2016, Crest Christopher > > wrote: > > That is why I don't use

Re: [css-d] iPad differences

It most definitely is not the same. On Thursday, August 11, 2016, Crest Christopher wrote: > That is why I don't use Safari for testing, as I said; it's the same as > using Chrome. > > Mi B wrote: > > > >> > >> aug. 11 2016 07:38 Karl DeSaulniers

Re: [css-d] iPad differences

That is why I don't use Safari for testing, as I said; it's the same as using Chrome. Mi B wrote: > >> >> aug. 11 2016 07:38 Karl DeSaulniers : >> >> Chrome is built off of Gecko and Webkit anyway. Probably why you >> didn't see much difference. >> It "technically" IS

Re: [css-d] iPad differences

Ah.. a slimline webkit. Good for google! Thanks for that link MB. Still based off of webkit though. Just not named webkit anymore.. lol And a whole lot of dead wood removed from what I read here. They removed 4.5 million lines of code!? Bad Webkit.. bad!

Re: [css-d] iPad differences

> aug. 11 2016 08:37 skrev Mi B : > > >> aug. 11 2016 07:38 Karl DeSaulniers > >: >> >> Chrome is built off of Gecko and Webkit anyway. Probably why you didn't see >> much difference. >> It "technically" IS

Re: [css-d] iPad differences

> aug. 11 2016 07:38 Karl DeSaulniers : > > Chrome is built off of Gecko and Webkit anyway. Probably why you didn't see > much difference. > It "technically" IS Safari under the hood. No, it isn’t. "It’s here: Google replaces WebKit version ID with Blink in latest

Re: [css-d] iPad differences

Chrome is built off of Gecko and Webkit anyway. Probably why you didn't see much difference. It "technically" IS Safari under the hood. As far as emulators go.. Makes sense to me to use Apple's web browser for testing for Apple devices. Makes sense to me to use Chrome for testing for Android

Re: [css-d] iPad differences

The last time I downloaded Safari for Windows, I didn't notice a difference with the emulated with Retina Devices in Chrome so I removed Safari. Karl DeSaulniers wrote: > > I have an iPhone still on iOS 7. > No iPad though. > > @crest - you do know you can view inspect element of any iPhone or >

Re: [css-d] iPad differences

I have an iPhone still on iOS 7. No iPad though. @crest - you do know you can view inspect element of any iPhone or iPad in safari desktop? safari also has a responsive design mode. Works best for iPhone and iPad emulation I have found. Best, Karl Sent from losPhone > On Aug 10, 2016, at

Re: [css-d] iPad differences

Yes. Very aware. That was the top google search results I found using crests key words. Being that he has been asking about retina images in the past, I felt it was worth noting the pixel dimensions. Best, Karl Sent from losPhone > On Aug 10, 2016, at 6:34 PM, Philippe Wittenbergh

Re: [css-d] iPad differences

Philippe you have an actual iPad ? Philippe Wittenbergh wrote: > >> >> On Aug 11, 2016, at 8:24 AM, Crest Christopher >> wrote: >> >> Although >> the simulator uses iOS 7.1.2 and since I know nothing of iOS, strictly >> Windows but from what may be possible is newer

Re: [css-d] iPad differences

> On Aug 11, 2016, at 3:23 AM, Karl DeSaulniers wrote: > > They are not the same resolution or size. > > The biggest difference between these tablets is screen density. > The iPad mini's display is 7.9 inches diagonally, with 1024 x 768 resolution > at 163 pixels per

Re: [css-d] iPad differences

> On Aug 11, 2016, at 8:24 AM, Crest Christopher > wrote: > > Although > the simulator uses iOS 7.1.2 and since I know nothing of iOS, strictly > Windows but from what may be possible is newer versions of iOS may have > issues such as this fixed ? Latest iOS

Re: [css-d] iPad differences

Unfortunately I have to rely on a emulator \ simulator that will mean that I may once the page is online encounter issues that will have to be fixed when those issues arise on whatever device that may be. In the mean-time, the iPad I'm testing on has a 1024x768 resolution. Chrome device

Re: [css-d] iPad differences

> On Aug 10, 2016, at 11:37 PM, Crest Christopher > wrote: > > TheiPad & iPad mini are both the same CSS width but when previewing both > devices; the iPad Mini give me problems with one element. Shouldn't the > results be identical ? Are you testing with real

Re: [css-d] iPad differences

You are referring to the iPad 3,4 & Air. I meant the iPad 1,2. The iPad Pro is the largest at 2048 width. I guess I'm going to target these Apple devices with criteria other then device-width. Karl DeSaulniers wrote: > > They are not the same resolution or size. > > The biggest difference

Re: [css-d] iPad differences

They are not the same resolution or size. The biggest difference between these tablets is screen density. The iPad mini's display is 7.9 inches diagonally, with 1024 x 768 resolution at 163 pixels per inch. The iPad with Retina display packs a punch — 9.7 inches, with 2048 x 1536 resolution

[css-d] iPad differences

TheiPad & iPad mini are both the same CSS width but when previewing both devices; the iPad Mini give me problems with one element. Shouldn't the results be identical ? __ css-discuss [css-d@lists.css-discuss.org]

[css-d] iPad-specific issues?

At this link, http://coffeeonmars.com/screenshots/ipadproblem.jpg is a screen capture taken on a Retina iPad. The red arrows point to thin gaps above and below my nav bar. The orange arrow points to the linked in icon poking a bit below the nav area which contains it. I do not see either

[css-d] iPad Mini MQs

List, Can anyone recommend an appropriate MQ for iPad Mini? I was using an iPad Mini (Retina) and noticed an issue on a site I work on where the absolute-position footer crashed into other content in landscape orientation because the screen is so small. Retina has specs of 2048-by-1536

Re: [css-d] iPad Mini MQs

Le 6 mai 2014 à 22:12, Tom Livingston tom...@gmail.com a écrit : Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). Those are device pixels, not CSS pixels. I dont think @media only screen and

Re: [css-d] iPad Mini MQs

On Tue, May 6, 2014 at 9:30 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 6 mai 2014 à 22:12, Tom Livingston tom...@gmail.com a écrit : Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). Those

[css-d] iPad zoom triggers other MQ

Here's the site in question: http://www.medialogic.com/health-care/ In landscape view on iPad and after initial page load, if I do any zoom action at all - including pinch - the layout switches to a smaller screen layout/MQ. If you navigate to another page or refresh, it uses my desktop layout

[css-d] ipad quirks?

Not sure if this is an appropriate question or not for this group since this question most likely is a jquery issue and not a css one. I have a client claiming the slideshow on his home page isn't working properly when he views it on his ipad using both Safari and IE7. He says the photos don't

Re: [css-d] Ipad 3 and media queries

On Mon, Jun 4, 2012 at 6:56 PM, Nancy Johnson njohnso...@gmail.com wrote: I have a very simple one page site that I just added media queries to view in all devices.  It is not live, but can be viewed at: http://www.welcometomycorner.com/webtest/ In the meta tag I added the viewpoint  meta

[css-d] Ipad 3 and media queries

I have a very simple one page site that I just added media queries to view in all devices. It is not live, but can be viewed at: http://www.welcometomycorner.com/webtest/ In the meta tag I added the viewpoint meta name=viewport content=width=device-width,initial-scale=1.0 I am having trouble

Re: [css-d] Ipad 3 and media queries

Hi Nancy, On Mon, Jun 4, 2012 at 3:56 PM, Nancy Johnson njohnso...@gmail.com wrote: Do I need to add some special code? am I doing something incorrectly? See here: https://gist.github.com/901295 Read the comments there for more info. :) Cheers, Micky

Re: [css-d] iPad Questions

-d] iPad Questions Hi, We are in process of converting a native iPad application to a web application. The target audience is internal and is only going to use iPad to use this web application. Everything is looking good except two main issues: a. We have a page where we have two boxes displayed

[css-d] iPad Questions

Hi, We are in process of converting a native iPad application to a web application. The target audience is internal and is only going to use iPad to use this web application. Everything is looking good except two main issues: a. We have a page where we have two boxes displayed. In native iPad,

[css-d] :: iPad ::

A quick check of this page http://goo.gl/B2riT in iPad landscape and portrait view appreciated. Best, ~d __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --

Re: [css-d] :: iPad ::

Works fine in iPad 2, portrait and landscape. Though the site is a piano-scroll layout. In portrait view the last item on the left-column menu is below the screen bottom. Consider tightening up the header and/or line height of the menu li items. Dan K. -Original Message- A quick

Re: [css-d] :: iPad ::

On 9/4/11 5:23 PM, Dan Kaufman wrote: Works fine in iPad 2, portrait and landscape. Though the site is a piano-scroll layout. In portrait view the last item on the left-column menu is below the screen bottom. Consider tightening up the header and/or line height of the menu li items. Dan K.

Re: [css-d] :: iPad :: [ec]

On 9/4/11 5:47 PM, David Laakso wrote: On 9/4/11 5:23 PM, Dan Kaufman wrote: Works fine in iPad 2, portrait and landscape. Though the site is a piano-scroll layout. In portrait view the last item on the left-column menu is below the screen bottom. Consider tightening up the header and/or

Re: [css-d] :: iPad ::

-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Sunday, September 04, 2011 2:47 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] :: iPad :: On 9/4/11 5:23 PM, Dan Kaufman wrote: Works fine in iPad 2, portrait and landscape. Though the site

Re: [css-d] :: iPad ::

On 9/4/11 6:05 PM, Dan Kaufman wrote: Piano-scrl Where the page is lng on the vertical. Hope this helps. Dan K. re: http://goo.gl/B2riT 1/ When the site is viewed in iPad portrait view are there two columns: nav on the left and

Re: [css-d] :: iPad ::

/css/css_positioning.asp Best, Dan K. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Sunday, September 04, 2011 5:06 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] :: iPad :: On 9/4/11 6

Re: [css-d] :: iPad ::

On 9/4/11 8:26 PM, Dan Kaufman wrote: Yes to 1/ The entire width of your layout is visible in an iPad portrait mode, but not all the height is visible. column 1 which contains a vertical Nav menu, and column 2 which contains content. Consider using the FIXED position property on the Nav menu

Re: [css-d] :: iPad ::

On Sep 5, 2011, at 9:26 AM, Dan Kaufman wrote: Consider using the FIXED position property on the Nav menu so it will hold its position on the page. An element with fixed position is positioned relative to the browser window. It will not move even if the window is scrolled. This way your Nav

Re: [css-d] iPad

On 6/26/11 9:19 PM, David Laakso wrote: Any issues portrait or landscape view? uri: sig link. ~d Thanks to all who replied. ~d -- http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org]

[css-d] iPad

Any issues portrait or landscape view? uri: sig link. Thanks. ~d -- http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ --

Re: [css-d] iPad

Hello David, chelseacreekstudio.com works fine with Safari on iPad 1 in Landscape and Portrait mode. Landscape has larger characters however than Portrait (I don't know if this is the effect you find ok, so I mention it anyway). Sincerely, Erick On 06/27/2011 03:19 AM, David Laakso wrote:

Re: [css-d] iPad

For the sizing issue, try -webkit-font-size-adjust:100%; -- On 6/27/11 at 6:52 AM +0200, Erick Staal wrote in a message entitled Re: [css-d] iPad: Hello David, chelseacreekstudio.com works fine with Safari on iPad 1 in Landscape and Portrait mode. Landscape has larger

Re: [css-d] iPad

I mean -webkit-text-size-adjust:100%; -- On 6/26/11 at 10:21 PM -0700, Rick Gordon wrote in a message entitled Re: [css-d] iPad: For the sizing issue, try -webkit-font-size-adjust:100%; -- On 6/27/11 at 6:52 AM +0200, Erick Staal wrote in a message entitled Re

Re: [css-d] iPad

. -- On 6/26/11 at 10:38 PM -0700, Rick Gordon wrote in a message entitled Re: [css-d] iPad: I mean -webkit-text-size-adjust:100%; -- On 6/27/11 at 6:52 AM +0200, Erick Staal wrote in a message entitled Re: [css-d] iPad: Hello David, chelseacreekstudio.com works fine with Safari

[css-d] iPad

I am trying to debug a WordPress site so it will look/function better on the iPad. The site is www.madwomanintheforest.com. It was odd, because I found that the front page was messed up in different ways on side by side iPads. Has anyone run into this? Is there a way to emulate the iPad from my

Re: [css-d] iPad

On Thu, Aug 26, 2010 at 10:36 AM, Adam Stemple hatfiel...@gmail.com wrote: I am trying to debug a WordPress site so it will look/function better on the iPad.  The site is www.madwomanintheforest.com.  It was odd, because I found that the front page was messed up in different ways on side by

Re: [css-d] iPad

Add a -webkit-text-size-adjust tag to avoid small text being scaled up to a minimum size: *, body { -webkit-text-size-adjust:100%; } Rick Gordon -- On 8/26/10 at 12:36 PM -0500, Adam Stemple wrote in a message entitled [css-d] iPad: I am trying to debug a WordPress site so

Re: [css-d] iPad

Add a -webkit-text-size-adjust tag to avoid small text being scaled up to a minimum size: *, body { -webkit-text-size-adjust:100%; } Isn't the same as: * { -webkit-text-size-adjust:100%; } It is said that using the universal selector is bad regarding performance, would

Re: [css-d] iPad

You're probably right. I have noticed that some results are different when * is not included, but haven't gotten clear on exactly what. -- On 8/26/10 at 11:44 AM -0700, Thierry Koblentz wrote in a message entitled Re: [css-d] iPad: Add a -webkit-text-size-adjust tag to avoid

Re: [css-d] iPad

On Thu, Aug 26, 2010 at 12:06 PM, Rick Gordon li...@rickgordon.com wrote: You're probably right. I have noticed that some results are different when * is not included, but haven't gotten clear on exactly what. -- I seem to recall that td does not inherit from body. Was this

Re: [css-d] iPad

Yes, that was one of them. And I seem to recall that some head sizes were ultimately affected. -- On 8/26/10 at 12:14 PM -0700, Claude Needham wrote in a message entitled Re: [css-d] iPad: On Thu, Aug 26, 2010 at 12:06 PM, Rick Gordon li...@rickgordon.com wrote: You're

Re: [css-d] iPad

On Aug 27, 2010, at 2:36 AM, Adam Stemple wrote: Is there a way to emulate the iPad from my normal mac? If you are running OS X 10.6, you can download Xcode, Apples Developers Tools [*]. Those include simulators for iPhone, iPhone4 and iPad. It's not the real thing, for layout testing it

Re: [css-d] iPad font rendering in both orientations...

It turns out that my problem appears unrelated, however. If you can view this page on an iPad in landscape and portrait mode, you'll see the phenomenon: http://vze26m98.net/css-discuss/test-ipad.html The black-on-white text appears to preserve its thickness, while the white-on-black type

Re: [css-d] iPad font rendering in both orientations...

tedd wrote: I have one suggestion, however, if you want iPad owners to review a page, how about giving us something easier to type? The url vze26m98.net/css-discuss/test-ipad.html is a lot to type. Somewhat confused (not being an i-anything owner/user); if you read your e-mail on an I-pad

Re: [css-d] iPad font rendering in both orientations...

On Aug 24, 2010, at 8:59 AM, Philip Taylor (Webmaster, Ret'd) wrote: Somewhat confused (not being an i-anything owner/user); if you read your e-mail on an I-pad (as I know can be done : I saw it done this weekend), can you not then just click (or whatever the i-equivalent is : jab ?) on an

[css-d] iPad font rendering in both orientations...

Hi all- First post, and a bit of a newbie with respect to much of this. Sorry if it's off-topic: I've got a simple page that is supposed to render a font on the iPad at the same size in both portrait and landscape modes. It contains the following markup: meta name=viewport

Re: [css-d] iPad font rendering in both orientations...

Charles Turner wrote: I've got a simple page that is supposed to render a font on the iPad at the same size in both portrait and landscape modes. It contains the following markup: meta name=viewport content=user-scalable=no, width=device-width/ and in a media query for the (portrait) display

Re: [css-d] iPad font rendering in both orientations...

On Aug 23, 2010, at 6:35 PM, David Laakso wrote: An off-the-wall guess [ no iPad or iPad simulator ], try: meta name=viewport content=width=device-width; initial-scale=1.0; maximum-scale=1.0; instead of: meta name=viewport content=user-scalable=no, width=device-width/ Hi David- Thanks

Re: [css-d] iPad font rendering in both orientations...

On Aug 24, 2010, at 12:05 PM, Charles Turner wrote: It turns out that my problem appears unrelated, however. If you can view this page on an iPad in landscape and portrait mode, you'll see the phenomenon: http://vze26m98.net/css-discuss/test-ipad.html The black-on-white text appears to