    body {
        -webkit-text-size-adjust: 100%;
    }

Just make sure all your text is at a legible size in the first place. The iPhone and iPod touch have a rather small screen, so keep that in mind too.

Had a lot of trouble tracking it down, but: it’s the `-webkit-text-size-adjust` property in CSS.

Values:

- Percentage (of default size), e.g. `120%`, or `100%`
- `auto` (the default)
- `none` – if `auto` isn’t working for your page. **However this often causes problems with zooming. Use `100%` instead.** For example, open Safari on your desktop and zoom the page (Command-Plus) –&#160;your text won’t be enlarged, even though the entire page has zoomed! **Don’t** use `none`!

Note that these can be applied not just at the page level but at the element/widget/container level.

(I would not just specify a value of `100%` for my website unless I was damn sure it was already optimized for small screens, and never `none` since it causes problems.)


----------

Please note that in **Firefox Mobile** (e.g. for Android and Firefox OS) there is a similar property, `-moz-text-size-adjust`, [documented here](https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust). Thanks to Costa for pointing this out.

----------

Update, 10 years later: [This MDN page](https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust#browser_compatibility) is probably best for checking what browsers&#39; current compatibilities and vendor prefixes are for this property.


The accepted answer works, but in other webkit browsers it locks in the `font-size` for people that are zooming. Using `100%` instead of none works both ways:


    body {
        -webkit-text-size-adjust: 100%;
    }



I just installed Jenkins on my Ubuntu server via the debian installation steps (using apt-get install).  I want my build to pull from a private git repository on GitHub.  With that, I need to use SSH access to get to my repository.

Most of my search results have just said to login as the Jenkins user and generate an SSH key for my GitHub account, but installing through the debian package manager, I don&#39;t have a password for the Jenkins user.

So how do I generate an SSH key for my Jenkins server to use?

Jenkins User on Apt-Get Install Installation

I&#39;d like to be able to take my DOM, as is, and convert it to a string.  Let&#39;s say I open up the inspector and make a change to the margin-left property of a particular element.  That change should be reflected in my string.

The function should properly take all the styles currently applied to an element (excluding default values) and include them in the inline style for that element.

I have written a &#39;solution&#39; which has proven to be inadequate.  The `getMatchedCSSRules` function in webkit is extremely finicky, and I haven&#39;t been able to determine why it sometimes works and doesn&#39;t work other times.  Therefore, I would like to avoid using this function unless it works 100% of the time.  Similarly, the `getComputedStyle` function has problems of its own.  If use the inspector to change the #footer element on this page to be `7px solid red` rather than `7px solid black`, the change will be reflected in when I run `getComputedStyle(document.getElementById(&#39;footer&#39;)).cssText` in the console, but it will also give me a host of inherited properties that were never modified by either the user using the inspector or by the stylesheets on the page.

I am looking for a solution that works with webkit--cross browser compatibility is not an issue at the moment. 

Thank you!



Extract the current DOM and print it as a string, with styles intact

I am *NOT* talking about zooming the page, but rather the way MobileSafari on iOS automatically bumps up some font sizes sometimes.

When, exactly, is this done? Can it be prevented or discouraged?

How to avoid iOS automatic font size adjustment?

I am NOT talking about zooming the page, but rather the way MobileSafari on iOS automatically bumps up some font sizes sometimes.
When, exactly, is this done? Can it be prevented or discouraged?

I have a div element with style attached:

    .mypost {
        border: 1px solid Peru;
        font-family: arial;
        margin: auto;
        min-width: 700px;
        width: 700px;
    }



I am diplaying WordPress post contents inside the DIV block but for simplicity let assume that there is only one `&lt;img&gt;` inside the DIV. I want my div to be minimum 700 px wide and adjust the width if image is wider than 700 px.

What are my options to achieve that? Please advice.


***UPDATE***

See my Fiddle
http://jsfiddle.net/cpt_comic/4qjXv/

How can I adjust DIV width to contents

with

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

&quot;...&quot; will be shown in the end of the line if overflowed.
However, this will be shown only in one line.
But I would like it to be shown in multi-lines.

It may looks like:

    +--------------------+
    |abcde feg hij   dkjd|
    |dsji jdia js ajid  s|
    |jdis ajid dheu d ...|/*Here it&#39;s overflowed, so &quot;...&quot; is shown. */
    +--------------------+

With CSS, use &quot;...&quot; for overflowed block of multi-lines

Lots of websites use class names like `floatleft`, `clearfloat`, `alignright`, `small`, `center` etc that describe the style that is attached to the class. This seems to make sense so when writing new content you can easily wrap (for example) `&lt;div class=&quot;clearfloat&quot;&gt;...&lt;/div&gt;` around your element to make it behave the way you want.

My question is, doesn&#39;t this style of naming classes go against the idea of separating content from presentation? Putting `class=&quot;floatleft&quot;` on an element is clearly putting presentation information into the HTML document.

Should class names like this that directly describe the attached style be avoided, and if so what alternative is there?

&lt;hr&gt;

To clarify, this isn&#39;t just a question of what to name classes. For example a semantically accurate document might look something like:

    &lt;div class=&quot;foo&quot;&gt;Some info about foo&lt;/div&gt;
    ...
    &lt;div class=&quot;bar&quot;&gt;Info about unrelated topic bar&lt;/div&gt;
    ...
    &lt;div class=&quot;foobar&quot;&gt;Another unrelated topic&lt;/div&gt;

Say all these divs need to clear floats, the css would look something like:

    div.foo, div.bar, div.foobar {
        clear:both;
    }

This starts to get ugly as the number of these clearing elements increases - whereas  a single `class=&quot;clearfloat&quot;` would serve the same purpose. Is it recommended to group elements based on the attached styles to avoid repetition in the CSS, even if this means presentational information creeps into the HTML?

&lt;hr&gt;

**Update**: Thanks for all the answers. The general consensus seems to be to avoid these class names in favour of semantic names, or at least use them sparingly provided they don&#39;t hinder maintenance. I think the important thing is that changes in the layout should not require excessive changes to the markup (although a few people said minor changes are okay if it makes overall maintenance easier). Thanks to those who suggested other methods to keep CSS code smaller as well.


Should css class names like &#39;floatleft&#39; that directly describe the attached style be avoided?

I use nginx to as the front server, I have modified the CSS files, but nginx is still serving the old ones.

I have tried to restart nginx, to no success and I have Googled, but not found a valid way to clear it.

Some articles say we can just delete the cache directory: `var/cache/nginx`, but there is no such directory on my server.

What should I do now?

How to clear the cache of nginx?

Chrome renders #FF3A00 as #FF0000 for some reason. I included a screenshot from [jsfiddle][1] to illustrate the point. The colour that the Color Meter reports (and what I see) differs from what CSS says.

This happens to other colours too. For example, #FFAF00 is rendered as #FFA400 according to the Color Meter.

However, the colours are rendered without problems on Safari and Firefox. I&#39;m on a Mac using Chrome 11, Safari 5 and Firefox 5.

I&#39;m sure there&#39;s a logical explanation. Any ideas?

Update: I&#39;m attaching a screenshot of Chrome next to Safari showing the very same page. I checked this image in Photoshop: the colours are #F00 in Chrome and #FF3A00 in Safari.![Chrome vs Safari][2]

![Chrome renders #FF3A00 as #F00][3]


  [1]: http://jsfiddle.net/L9xy4/
  [2]: http://i.stack.imgur.com/R5QvN.png
  [3]: http://i.stack.imgur.com/La5WR.png

Chrome renders colours differently from Safari and Firefox

I am working on a project in which I have to show all photos of Photo Library in a plist and show them horizontally on `UIButton`s. 

My app will also have an edit button: when the user clicks this button, a delete mark (such as usually appears in other iPhone/iPad apps) should show on each button. 

But here&#39;s the crucial bit: as soon as this delete mark appears, the functionality of the button should be disabled. I&#39;ve tried accomplishing this with the following:

    {
      editbutton.enabled=NO;
    }

 
...but it neither produces an error nor works. What should I do?


How do I disable a UIButton?

Is there any way to add spacing between `UITableViewCell`?

I have created a table and each cell only contain an image. The image is assigned to the cell like this:

    cell.imageView.image = [myImages objectAtIndex:indexPath.row];

but this make the image enlarged and fit into the whole cell, and there are no spacing between the images.

Or lets say in this way, the height of image are e.g. 50, and I want to add 20 spacing between the images. Is there any way to accomplish this?

How to add spacing between UITableViewCell

&gt; **Possible Duplicates:**  
&gt; [Objective-C - float checking for nan](https://stackoverflow.com/questions/3471988/objective-c-float-checking-for-nan)  
&gt; [Determine if NSNumber is NaN](https://stackoverflow.com/questions/719417/determine-if-nsnumber-is-nan)  

&lt;!-- End of automatically inserted text --&gt;

I have a problem with NaN values in CGFloat, how can I check if the number is valid?

the only way so far that works is:

    if ([[NSString stringWithFormat:@&quot;%f&quot;, output] isEqualToString:@&quot;nan&quot;]) {
	    output = 0;
    }

which is not a nice solution at all! :) ... and I am pretty sure that there is something else I should do instead.


How to check for NaN value in Objective-C (iOS)

The Security services API doesn&#39;t appear to allow me to compute a hash directly. There are plenty of public domain and liberally licensed versions available, but I&#39;d rather use a system library implementation if possible.

The data is accessible via NSData, or plain pointers.

The cryptographic strength of the hash is important to me. SHA-256 is the minimum acceptable hash size.

How can I compute a SHA-2 (ideally SHA 256 or SHA 512) hash in iOS?

Is it possible for me to download an image from website and save it permanently inside my app? I really have no idea, but it would make a nice feature for my app.


iOS download and save image inside app

In Mobile Safari I am unable to focus onto a text field after setting a delay period. I&#39;m attaching some example code showcasing the issue.
If, onclick of the button, you trigger .focus(), everything works as expected. If you hang the focus on a callback, like the setTimeout function, then it fails ONLY in mobile safari. In all other browsers, there is a delay, then the focus occurs.

Confusingly, the &quot;focusin&quot; event is triggered, even in mobile safari. This (and ~similar~ comments in SO) make me think that it&#39;s a mobile safari bug. Any guidance will be accepted.

I&#39;ve tested in the emulator, and on iPhone 3GS/4 iOS4.

Example HTML:

    &lt;!DOCTYPE html&gt; 
      &lt;html lang=&#39;en&#39;&gt; 
        &lt;head&gt; 
          &lt;title&gt;Autofocus tests&lt;/title&gt; 
          &lt;meta content=&#39;width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0&#39; name=&#39;viewport&#39;&gt; 
          &lt;meta content=&#39;yes&#39; name=&#39;apple-mobile-web-app-capable&#39;&gt; 
        &lt;/head&gt; 
        &lt;body&gt;
          &lt;h1&gt; 
            Show keyboard without user focus and select text:
          &lt;/h1&gt; 
          &lt;p&gt; 
            &lt;button id=&#39;focus-test-button&#39;&gt; 
              Should focus on input when you click me after .5 second
            &lt;/button&gt; 
            &lt;input id=&#39;focus-test-input&#39; type=&#39;number&#39; value=&#39;20&#39;&gt; 
          &lt;/p&gt; 
          &lt;script type=&quot;text/javascript&quot;&gt; 
            //&lt;![CDATA[
            var button = document.getElementById(&#39;focus-test-button&#39;);
            var input  = document.getElementById(&#39;focus-test-input&#39;);
            
            input.addEventListener(&#39;focusin&#39;, function(event) {
              console.log(&#39;focus&#39;);
              console.log(event);
            });
            
            button.addEventListener(&#39;click&#39;, function() {
              // *** If triggered immediately - functionality occurs as expected
              // input.focus();
              // *** If called by callback - triggers the focusin event, but does not bring up keyboard or cursor
              var t = setTimeout(&quot;input.focus();&quot;,500);
            });
            //]]&gt;
          &lt;/script&gt;
        &lt;/body&gt;
      &lt;/html&gt;

~Similar~ SO questions:

 - [programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari][1]
 - [how-can-you-autofocus-on-a-form-field-in-iphone-safari][2]
 - [Comment in set-textbox-focus-in-mobile-safari][3]


  [1]: https://stackoverflow.com/questions/3272089/programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari
  [2]: https://stackoverflow.com/questions/5771785/how-can-you-autofocus-on-a-form-field-in-iphone-safari
  [3]: https://stackoverflow.com/questions/2398528/set-textbox-focus-in-mobile-safari/2944649#2944649

Mobile Safari Autofocus text field

I created a web app and added to my iPhone Home Screen.  When I switch to another app and back, iPhone automatically reload my web app.  This breaks my app flow.  

How do I prevent iPhone from reloading the app?

I have apple-mobile-web-app-capable meta tag enabled to hide Safari toolbar and I don&#39;t want to turn it off.

Stop reloading of web app launched from iPhone Home Screen

If I catch all touchend events from mobile devices with:

    $(document.body).bind(&#39;touchend&#39;, function (e) {
    var touch = e.touches[0]; // doesnt work
    ...

I need to get the touch.screenX, touch.screenY, touch.clientX and touch.clientX from the e paramter. All the examples I&#39;ve seen suggest that e.touches will be a collection, and you can get at the touch details with `e.touches[0]`. In my tests on an ipad, `e.touches` is always undefined. I&#39;m not using any jquery plugins.

Also tried e.targetTouches, which is also undefined.

Can anyone help?

touchend event properties

I&#39;m working on a browser based app, currently I&#39;m developing and styling for the ipad safari browser.

I&#39;m looking for two things on the ipad: How can I disable vertical scrolling for pages that don&#39;t require it? &amp; how can I disable the elastic bounce effect?

ipad safari: disable scrolling, and bounce effect?

I&#39;m trying to figure out what Javascript APIs I can use to achieve support for Mobile Safari back to iOS2. I haven&#39;t found a list anywhere that shows what version of Mobile Safari ships with each new version of iOS. I&#39;m looking for a comprehensive list that goes all the way back to iOS2.

Thanks!

[Edit: Yes, I know and love feature detection. However, I have a set of targeted browsers I need to support, and I just need to verify that the fallbacks I provided cover my target audience and that I don&#39;t need to provide additional fallbacks that are cumbersome hacks).]

Content Type	Original Author	Original Content on Stackoverflow
Question	Alan H.	View Question on Stackoverflow
Solution 1 - Css	BoltClock	View Answer on Stackoverflow
Solution 2 - Css	Alan H.	View Answer on Stackoverflow
Solution 3 - Css	dc-	View Answer on Stackoverflow

How to avoid iOS automatic font size adjustment?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Extract the current DOM and print it as a string, with styles intact

Jenkins User on Apt-Get Install Installation

Attributions