Bug 130902

Summary:	Web Inspector: Screen ruler with relative units (CSS px and rem to start)
Product:	WebKit	Reporter:	James Craig <jcraig>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	inspector-bugzilla-changes, webkit-bug-importer
Priority:	P4	Keywords:	InRadar
Version:	528+ (Nightly build)
Hardware:	All
OS:	All

Description James Craig 2014-03-28 10:18:22 PDT

A physical EM ruler was requested as a joke on Twitter [1], but I believe a relative unit screen ruler would be both achievable and useful in the Web Inspector. 

PX and REM units would be very useful and easier to implement as a 1.0 version of the enhancement. EM and % would also be possible, but the UI may be difficult to get right; would you use the relative unit of the element under the mouse? Selected in the inspector? Both? Displaying EMs and % may be especially confusing for inexperienced CSS authors that don't understand they are multipliers of the ancestor nodes' font sizes. In any case, PX and REM seem like a good start.

1. https://twitter.com/harryharrold/status/449556995277074432

Comment 1 Radar WebKit Bug Importer 2014-03-28 10:18:45 PDT

<rdar://problem/16458106>