Just wanted to say a BIG THANK YOU for taking a note of the comments we add here and there. Few of the suggestions I gave were actually implemented in the framework. Thanks again. :)
Why is the half-pixel borders only for iOS 8? :(
Because they supported only in iOS 8
What about this? Can we make a work-around? "Hairlines CSS just pixel-doubles border lines on Retina screens, and doesn’t provide an easy way to do a 1 physical pixel wide hairline. CSS borders can’t just be “0.5px” high (the CSS px unit requires integers, and DOM elements always are positioned on integer-based coordinates as well). One workaround are scaled CSS background images. In the following example the data URL contains a 2px high PNG image that has a transparent upper pixel, and the pixel in the color I want the hairline to be as the lower pixel. An other way, which has the advantage of allowing you to easily customize the color but is slightly more verbose, is using SVG: /* 1px hairline, using a GIF */ background: repeat-x bottom left url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=); background-size: 100% 1px; /* 1px hairline, using SVG (background-size property not required) */ background: repeat-x bottom left url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1 ' height='1'><rect fill='#ff0000' x='0' y='0' width='1' height='0.5'/></svg>");" Copied from: http://mir.aculo.us/2013/09/16/how-to-create-a-web-app-that-looks-like-a-ios7-native-app-part-1/
I know about this technic, but it is too hacky to be included to F7. This will require for multiple backgrounds on many elements, and will bring just more problems with customisation. But you can easily implement it by yourself in your app.