Как исправить смещение приложения Silverlight, которое происходит в браузере Firefox?

Question

В настоящее время у меня есть приложение Silverlight, которое при запуске в браузере Firefox (версия 3.6) все содержимое приложения Silverlight немного смещается, а также полосы прокрутки на нижней и боковой сторонах появляются при первом его использовании. В IE 8 этого не происходит. Как это исправить в Firefox, чтобы этого не произошло? Тип проекта, который я создал, был «Приложение Silverlight 3 + веб-сайт» с помощью Expression Blend 3. Этот код я использую в своем файле MainPage.xaml:

<UserControl
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="StackoverflowExample.MainPage"
 Width="640" Height="480">

 <Grid x:Name="LayoutRoot" Background="Green">
  <Rectangle Fill="#FFBB2020" Stroke="Black" Margin="155,58,266,178"/>
  <Button Margin="199,180,302,236" Content="Button"/>
 </Grid>
</UserControl>

Answer 1

Это происходит из-за того, что Firefox рисует пунктирную границу в 1 пиксель вокруг элемента со 100% шириной и высотой, когда вы нажимаете на него, делая его слишком большим, чтобы окно умещалось всего на 1 пиксель. Вы можете исправить это с помощью решения, которое я нашел здесь :

Да, довольно раздражает.

Может кто-нибудь сказать нам, намеренно ли это или нет, это ошибка, пожалуйста?

Я использовал:

: фокус { контур: 0; }

Нам нужно найти новый трюк?

Вам необязательно нужен псевдокласс :focus, вы можете просто установить стиль <object>, чтобы использовать outline: 0;.