PC和移动端的样式规则主要存在以下区别：
屏幕尺寸：PC端的屏幕尺寸通常比移动端大，因此在设计样式规则时需要考虑如何平铺展示更多的信息和功能。而移动端则需要确保在首屏可以触达核心功能与信息，减少用户流失。
屏幕比例：PC端的横屏和移动端的竖屏导致同样的信息在PC端和移动端适用不同的布局方式。
PC和移动端的样式规则有什么区别呢
导航和卡片布局：在PC端，导航通常位于左侧和顶部，卡片可以根据窗口宽度进行列数和宽度的响应式变化。而在移动端，导航通常位于底部、顶部或隐藏于二级菜单中，卡片通常展示单列或双列。
操作习惯：移动端通常可以通过单击、长按、滑动等操作进行控制，因此可以设计长按呼出菜单、滑动翻页或切换、双指的放大缩小及双指的旋转等操作。
按钮状态：PC端的按钮通常有4种状态，默认状态、鼠标经过状态、鼠标单击状态和不可用状态。而在移动端中，按钮的状态可能有所不同。
总的来说，PC和移动端的样式规则在屏幕尺寸、屏幕比例、导航和卡片布局、操作习惯以及按钮状态等方面都有所不同。为了确保在不同设备上都能获得良好的用户体验，开发者需要根据设备的特性来编写特定的样式规则。