Muvka, подробнее — решения нет, потому что браузеры рисуют dashed-границы без учёта общей «протяженности» границы в плане того, что они не учитывают начало и конец отрезка, чтобы равномерно вписать каждую черточку и чтобы оставить обязательное пустое пространство в месте соединения начала и конца границы.
Только вручную подбирать значения ширины границы и размеров самой кнопки.
alex-1917, что? Там нет 1023–1024, читайте внимательно.
Там есть 768–1023 (планшеты а-ля iPad в портретной ориентации) и от 1024 до 1XXX (начало полной версии) — для планшетов а-ля iPad в альбомной ориентации.
Покажите, где вы увидели вышеуказанный брейкпоинт в этом списке (цитата из моего сообщения)?
1. от 0 до 767.
2. от 768 до 1023
3. от 1024 до, к примеру, 1199 (размер полной версии -1px)
Эти три брейкпоинта, от которых я отталкиваюсь и которые могут меняться в зависимости от проекта. Они охватывают телефоны, планшеты в портретной ориентации и планшеты в альбомной ориентации. 4-й неуказанный в списке брейкпоинт — начало десктопной версии.
alex-1917, как я м говорил выше, они могут меняться. Так, в последний раз пришлось использовать 9 брейкпоинтов, чтобы грамотно сделать адаптивное веб-приложение.